:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#d9dcff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:#d9dcff;min-width:320px}body{background-color:#d9dcff;background-image:linear-gradient(#11182712 1px,#0000 1px),linear-gradient(90deg,#11182712 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,textarea,select,input{font:inherit}button,select,textarea{min-height:44px}button{cursor:pointer}.app-shell{width:min(1500px,100% - 32px);margin:0 auto;padding:26px 0 42px}.topbar{border-bottom:3px solid #111827;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 22px;display:flex}.eyebrow,.proof-label,.dimension-row,.panel-heading,.field-meta,.interaction-note{text-transform:uppercase;letter-spacing:.08em;font-family:Consolas,Courier New,monospace}.eyebrow{font-size:12px;font-weight:700}h1{letter-spacing:-.065em;text-transform:uppercase;margin:4px 0 0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(38px,5vw,74px);line-height:.92}.proof-label{text-align:right;background:#fff7e8;border:2px solid #111827;max-width:330px;margin:0;padding:12px 14px;font-size:11px;font-weight:700;line-height:1.45;box-shadow:6px 6px #ff5a36}.editor-grid{grid-template-columns:minmax(250px,320px) minmax(310px,1fr) minmax(230px,280px);align-items:start;gap:28px;padding-top:28px;display:grid}.panel{background:#fff7e8;border:2px solid #111827;box-shadow:8px 8px #111827}.controls-panel,.verification-panel{padding:18px}.panel-heading{color:#fff;background:#4355ff;border-bottom:2px solid #111827;justify-content:space-between;gap:12px;margin:-18px -18px 20px;padding:12px 18px;font-size:11px;font-weight:700;display:flex}label,legend{justify-content:space-between;gap:12px;margin:18px 0 8px;font-size:13px;font-weight:800;display:flex}textarea,select{color:#111827;background:#fff;border:2px solid #111827;border-radius:0;width:100%;padding:11px 12px}textarea{resize:vertical;line-height:1.35}input[type=range]{accent-color:#ff5a36;width:100%;min-height:44px}.field-meta{justify-content:space-between;gap:8px;margin-top:5px;font-size:9px;line-height:1.45;display:flex}fieldset{border:0;margin:18px 0 0;padding:0}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{border:2px solid #111827;min-height:46px;box-shadow:3px 3px #0000}.swatch.is-active{transform:translate(-1px,-1px);box-shadow:3px 3px #ff5a36}.actions{gap:10px;margin-top:24px;display:grid}.primary-action,.secondary-action{border:2px solid #111827;padding:12px 14px;font-weight:900}.primary-action{color:#111827;background:#ff5a36;box-shadow:4px 4px #111827}.secondary-action{color:#111827;background:0 0}.stage-panel{justify-items:center;gap:12px;min-width:0;display:grid}.dimension-row{justify-content:space-between;width:min(100%,432px);font-size:10px;font-weight:700;display:flex}.canvas-frame{background:#fff7e8;border:3px solid #111827;width:min(100%,432px);padding:14px;position:relative;box-shadow:10px 10px #ff5a36}canvas{aspect-ratio:9/16;cursor:grab;touch-action:none;background:#4355ff;outline:0;width:100%;height:auto;display:block}canvas:active{cursor:grabbing}canvas:focus-visible{outline-offset:5px;outline:6px solid #111827}.crop{pointer-events:none;width:18px;height:18px;position:absolute}.crop:before,.crop:after{content:"";background:#111827;position:absolute}.crop:before{width:18px;height:2px;top:8px;left:0}.crop:after{width:2px;height:18px;top:0;left:8px}.crop-tl{top:-10px;left:-10px}.crop-tr{top:-10px;right:-10px}.crop-bl{bottom:-10px;left:-10px}.crop-br{bottom:-10px;right:-10px}.interaction-note{text-align:center;margin:4px 0 0;font-size:10px;font-weight:700}.position-readout{margin:-4px 0 0;font:700 11px/1.4 Consolas,monospace}.verification-panel dl{margin:0}.verification-panel dl div{border-bottom:1px solid #111827;grid-template-columns:1fr auto;gap:14px;padding:10px 0;display:grid}dt{font-size:12px;font-weight:800}dd{text-align:right;margin:0;font-family:Consolas,monospace;font-size:11px}.status-box{background:#d9dcff;border:2px solid #111827;margin-top:18px;padding:13px;font-size:12px;line-height:1.45}.scope-boundary{color:#fff7e8;background:#111827;margin:18px -18px -18px;padding:16px 18px}.scope-boundary strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.scope-boundary p{margin:7px 0 0;font-size:12px;line-height:1.5}@media (max-width:1050px){.editor-grid{grid-template-columns:minmax(240px,300px) 1fr}.verification-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.verification-panel .panel-heading{grid-column:1/-1}.scope-boundary{margin:0 -18px -18px 0}}@media (max-width:720px){.app-shell{width:min(100% - 22px,520px);padding-top:14px}.topbar{flex-direction:column;align-items:stretch}.proof-label{text-align:left;max-width:none}.editor-grid{grid-template-columns:1fr;gap:24px}.stage-panel{grid-row:1}.controls-panel{grid-row:2}.verification-panel{grid-area:3;display:block}.verification-panel .panel-heading{grid-column:auto}.scope-boundary{margin:18px -18px -18px}.canvas-frame{width:min(100%,360px)}h1{font-size:clamp(36px,14vw,58px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}