@font-face{font-family:DSEG7;src:url(/fonts/DSEG7Classic-Regular.woff2)format("woff2");font-display:block}@font-face{font-family:DSEG7;font-style:italic;src:url(/fonts/DSEG7Classic-Italic.woff2)format("woff2");font-display:block}@font-face{font-family:DSEG14;src:url(/fonts/DSEG14Classic-Regular.woff2)format("woff2");font-display:block}:root{--bg:#0d0d0d;--panel:#131313;--line:#2a2a2a;--line-bright:#3d3d3d;--txt:#8f8f8f;--txt-bright:#e6e6e6;--amber:#ffa028;--amber-dim:#5a3a12;--helv:"Helvetica Neue", Helvetica, Arial, sans-serif;--lcd:"DSEG7", "Courier New", monospace;--lcd14:"DSEG14", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--helv);letter-spacing:.08em;font-size:11px;overflow:hidden}#app{flex-direction:column;display:flex}#topbar{border-bottom:1px solid var(--line);flex:none;align-items:baseline;gap:18px;padding:14px 20px 12px;display:flex}.wordmark{align-items:stretch;gap:10px;display:flex}.stripe{background:linear-gradient(#1878be 0 20%,#1e9e49 20% 40%,#f7d117 40% 60%,#ef7d23 60% 80%,#e0342c 80% 100%);width:7px}.wordmark h1{font-family:var(--helv);letter-spacing:.06em;color:var(--txt-bright);font-size:22px;font-weight:700;line-height:1}.tagline{letter-spacing:.22em;color:var(--txt);font-size:9px}.lcd-stamp{font-family:var(--lcd);color:var(--amber);text-shadow:0 0 6px #ffa0288c;margin-left:auto;font-size:15px;font-style:italic}main{flex:1;min-height:0;display:flex}#sidebar{border-right:1px solid var(--line);flex-direction:column;flex:none;width:232px;display:flex;overflow-y:auto}.panel{border-bottom:1px solid var(--line);padding:12px}.panel-label{letter-spacing:.25em;color:var(--txt);margin-bottom:9px;font-size:9px}#source-stage{background:var(--panel);border:1px solid var(--line);cursor:crosshair;touch-action:none;height:170px;position:relative;overflow:hidden}#source-canvas{display:block;position:absolute}#reticle{border:1px solid var(--amber);pointer-events:none;position:absolute;box-shadow:0 0 0 1px #0009,0 0 10px #ffa02859}#reticle:before,#reticle:after{content:"";background:var(--amber);opacity:.85;position:absolute}#reticle:before{width:7px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:after{width:1px;height:7px;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-actions{gap:8px;margin-top:10px;display:flex}.lcd-status{min-height:14px;font-family:var(--lcd14);color:var(--amber);text-shadow:0 0 5px #ffa02873;letter-spacing:.05em;margin-top:7px;font-size:10px}.lcd-status:empty:before{content:"READY";color:#3f3f3f;text-shadow:none}.panel-actions:only-child{margin-top:0}.btn{background:var(--panel);border:1px solid var(--line-bright);color:var(--txt-bright);font-family:var(--helv);letter-spacing:.14em;cursor:pointer;flex:1;padding:8px 10px;font-size:10px;position:relative}.btn:hover{border-color:var(--txt);background:#1a1a1a}.btn:active{background:#0a0a0a}.btn-stripe:after{content:"";background:linear-gradient(90deg,#1878be 0 20%,#1e9e49 20% 40%,#f7d117 40% 60%,#ef7d23 60% 80%,#e0342c 80% 100%);height:2px;position:absolute;bottom:-1px;left:0;right:0}#template-chips{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.chip{background:var(--panel);border:1px solid var(--line);color:var(--txt);font-family:var(--lcd14);cursor:pointer;letter-spacing:.05em;padding:8px 2px;font-size:10px}.chip:hover{border-color:var(--txt);color:var(--txt-bright)}.chip.active{color:var(--amber);border-color:var(--amber-dim);text-shadow:0 0 5px #ffa02880;background:#171207}#stage{background:radial-gradient(ellipse at center, #121212 0%, var(--bg) 75%);flex:1;justify-content:center;align-items:center;min-width:0;display:flex}#mosaic{box-shadow:0 0 0 1px var(--line), 0 24px 60px #0000008c;display:block}#controls{border-top:1px solid var(--line);flex:none;padding:10px 20px 8px}#controls-groups{flex-wrap:wrap;gap:28px;display:flex}.ctl-group{flex-direction:column;gap:4px;min-width:200px;display:flex}.ctl-group-title{letter-spacing:.28em;color:#5c5c5c;border-bottom:1px solid var(--line);margin-bottom:2px;padding-bottom:3px;font-size:8px}.ctl-row{grid-template-columns:46px 1fr 52px;align-items:center;gap:8px;display:grid}.ctl-label{letter-spacing:.14em;color:var(--txt);font-size:9px}.ctl-readout{font-family:var(--lcd);color:var(--amber);text-align:right;text-shadow:0 0 5px #ffa02873;font-variant-numeric:tabular-nums;font-size:11px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:14px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-bright);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#cfcfcf;border:none;width:7px;height:13px;margin-top:-6px}input[type=range]:hover::-webkit-slider-thumb{background:var(--amber);box-shadow:0 0 6px #ffa02899}input[type=range]:active::-webkit-slider-thumb{background:var(--amber);box-shadow:0 0 6px #ffa02899}input[type=range]::-moz-range-track{background:var(--line-bright);height:1px}input[type=range]::-moz-range-thumb{background:#cfcfcf;border:none;border-radius:0;width:7px;height:13px}input[type=range]:hover::-moz-range-thumb{background:var(--amber);box-shadow:0 0 6px #ffa02899}input[type=range]:active::-moz-range-thumb{background:var(--amber);box-shadow:0 0 6px #ffa02899}.footnote{letter-spacing:.22em;color:#4a4a4a;text-align:right;margin-top:8px;font-size:8px}