@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#171714;font-synthesis:none;--ink:#171714;--paper:#e8e2cc;--cyan:#00b8c4;--green:#45cf21;--yellow:#f2ce00;--magenta:#cf2c87;--line:#27271f;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;background:#d8d2bd;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111514;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{background:#111514;position:fixed;inset:0;overflow:hidden}.masthead{z-index:12;border:3px solid var(--line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e8e2ccf0;grid-template-columns:1fr auto;align-items:center;gap:12px;width:400px;min-height:66px;padding:8px 10px 8px 14px;display:grid;position:fixed;top:14px;left:14px;box-shadow:6px 6px #1a1a16c7}.brand-lockup{min-width:0;position:relative}.brand-kicker{letter-spacing:2px;color:#666253;font-size:9px;font-weight:700;position:absolute;top:-3px;left:4px}h1{letter-spacing:-1.2px;margin:10px 0 0;font-size:29px;font-weight:800;line-height:1}h1 span{color:var(--magenta)}.header-copy{display:none}.header-copy p{margin:2px 0}.header-copy .muted{color:#777263;font-size:9px}.generate-button{border:2px solid var(--line);background:var(--yellow);min-height:42px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:8px 12px;font-size:12px;font-weight:700}.generate-button:hover{background:#ffe243}.generate-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.generate-button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.workstation{min-height:0;position:absolute;inset:0}.screen-frame{background:#080b0a;min-width:0;position:absolute;inset:0}.screen-titlebar{z-index:10;color:#fff;letter-spacing:1px;border:3px solid var(--line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d6f78e6;justify-content:space-between;align-items:center;height:66px;padding:0 12px;font-size:11px;font-weight:700;display:flex;position:fixed;top:14px;left:428px;right:14px;box-shadow:4px 4px #1a1a16a6}.memoriam-title{align-items:center;gap:9px;display:flex}.memoriam-title>span{font-size:14px}.info-button{color:#fff;width:25px;height:25px;font:700 14px/21px var(--font-mono);text-align:center;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;padding:0}.info-button:hover{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.info-button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.screen-bezel{background:#080b0a;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:absolute;inset:0}.view-stage{--preview-width:clamp(175px, 24vw, 310px);--preview-height:clamp(128px, 26vh, 220px);min-height:0;position:relative;overflow:hidden}.scene-pane{background:#080b0a;place-items:center;transition:top .65s cubic-bezier(.22,1,.36,1),left .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;display:grid;position:absolute;overflow:hidden}.scene-pane.is-primary{z-index:1;border:3px solid #0000;width:100%;height:100%;top:0;left:0}.scene-pane.is-preview{z-index:5;top:calc(100% - var(--preview-height) - 16px);left:calc(100% - var(--preview-width) - 16px);width:var(--preview-width);height:var(--preview-height);border:3px solid var(--paper);box-shadow:0 10px 32px #0009, 4px 4px 0 var(--line)}.radar-surface{min-width:0;min-height:0;transition:inset .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:32px 6px 6px}.radar-view.is-primary .radar-surface{inset:88px 24px 18px}.radar-surface canvas{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.preview-promote{z-index:6;cursor:pointer;text-align:left;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.preview-promote>span{background:var(--paper);justify-content:space-between;gap:6px;padding:9px 8px;font-size:8px;font-weight:700;display:flex;position:absolute;inset:0 0 auto}.preview-promote>span>span{color:#0d6f78}.preview-promote:hover>span{background:var(--yellow)}.preview-promote:focus-visible{outline:3px solid var(--cyan);outline-offset:-5px}.is-preview .orbit-help,.is-preview .diorama-status:not(.is-error){display:none}.bottom-dock{z-index:8;background:#080b0a;gap:6px;min-width:0;max-height:48dvh;padding:0 16px 16px;display:grid;position:relative;overflow:auto}canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;display:block}.three-view{cursor:grab}.three-view:active{cursor:grabbing}.webgl-canvas{image-rendering:auto;max-width:none;max-height:none;position:absolute;inset:0;width:100%!important;height:100%!important}.orbit-help{pointer-events:none;z-index:4;color:#b6dadd;letter-spacing:.6px;background:#0000009e;border:1px solid #ffffff40;padding:5px 8px;font-size:8px;position:absolute;top:94px;right:18px}.diorama-status{pointer-events:none;z-index:4;color:#70e157;letter-spacing:.6px;background:#000000ad;border:1px solid #44cf218c;padding:5px 8px;font-size:8px;position:absolute;bottom:122px;left:18px}.diorama-status.is-error{color:#ff5a74;text-align:center;border:2px solid #ff5a74;width:min(360px,80%);padding:18px;font-size:11px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.scanlines{pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000009 1px 3px);position:absolute;inset:0}.three-view .scanlines{display:none}.terminal-line{color:#a9aaa1;min-width:0;min-height:31px;font-family:var(--font-mono);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;background:#050505db;border:2px solid #34342d;padding:6px 10px 5px;font-size:11px;line-height:1.5;overflow:hidden}.prompt{color:#37c7d0}.terminal-error{color:#ff5a74}.cursor{color:#ddd;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.data-panel{z-index:30;border-left:3px solid var(--line);background:var(--paper);flex-direction:column;width:min(390px,100vw - 24px);min-width:0;transition:transform .22s cubic-bezier(.2,.75,.25,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(calc(100% + 10px));box-shadow:-8px 0 #0000006b}.data-panel.is-open{transform:none}.panel-heading{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.panel-heading small{letter-spacing:2px;color:#777263;font-size:8px;display:block}.panel-heading h2{letter-spacing:1px;margin:1px 0 0;font-size:17px}.panel-heading button{cursor:pointer;background:0 0;border:0;font-size:24px;display:block}.tabs{border-bottom:2px solid var(--line);grid-template-columns:1fr;display:grid}.tabs button{cursor:pointer;background:#c9c4b1;border:0;border-right:1px solid #8d8979;padding:12px 3px 10px;font-size:9px;font-weight:700}.tabs button:last-child{border:0}.tabs button.active{color:#fff;box-shadow:inset 0 -4px var(--magenta);background:#171714}.panel-section{flex:1;padding:18px 16px}.source-card{text-align:center}.disk-icon{border:3px solid var(--ink);background:#cac5b4;place-items:center;width:66px;height:66px;margin:5px auto 14px;font-size:42px;display:grid;box-shadow:4px 4px #8a8676}.label{color:#777263;letter-spacing:1.5px;margin:4px 0;font-size:9px}.source-card strong{font-size:13px}dl{border-top:1px solid #969180;margin:22px 0}dl div{border-bottom:1px solid #969180;justify-content:space-between;padding:8px 2px;font-size:10px;display:flex}dt{color:#625e51}dd{margin:0;font-weight:700}.primary-action{border:2px solid var(--ink);background:var(--yellow);letter-spacing:.8px;width:100%;box-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:13px 8px;font-size:10px;font-weight:700}.primary-action:active{box-shadow:none;transform:translate(3px,3px)}.file-drop{text-align:center;cursor:pointer;background:#dcd6c1;border:2px dashed #777263;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.file-drop input{display:none}.file-plus{color:#0d6f78;font-size:34px}.file-drop strong{font-size:10px}.file-drop small{color:#777263;margin-top:5px;font-size:8px}details{margin-top:16px}summary{cursor:pointer;font-size:9px;font-weight:700}.text-label{margin-top:12px;font-size:9px;font-weight:700;display:block}textarea{resize:vertical;color:#44cf21;width:100%;height:90px;font:13px var(--font-mono);background:#111;border:2px solid #555;margin-top:5px;padding:8px}.generator-grid{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.number-field{flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.number-field input{border:2px solid var(--ink);background:#d3ceba;width:100%;padding:10px 8px;font-weight:700}.wide{grid-column:1/-1}.download-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.download-row button{border:2px solid var(--ink);cursor:pointer;background:#c9c4b1;padding:9px 3px;font-size:8px;font-weight:700}.key-help{border-top:2px solid var(--ink);background:#c9c4b1;grid-template-columns:1fr 1fr;gap:7px 2px;margin-top:auto;padding:12px 15px;font-size:8px;display:grid}.key-help kbd,footer kbd{background:var(--ink);color:#fff;border-bottom:2px solid #777;padding:1px 4px}.control-deck{border:3px solid var(--line);background:#e8e2cceb;grid-template-columns:auto minmax(120px,.8fr) minmax(260px,1.5fr) minmax(140px,.8fr);align-items:stretch;gap:10px;min-width:0;padding:10px;display:grid}.control-deck>*{min-width:0}.transport{gap:8px;display:flex}.transport button{border:2px solid var(--ink);min-height:66px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.run-button{background:var(--cyan);text-align:left;align-items:center;gap:12px;min-width:160px;padding:8px 14px;display:flex}.run-button.running{background:var(--magenta);color:#fff}.run-icon{font-size:26px}.run-button small{font-size:8px;display:block}.run-button span:last-child{font-size:12px;font-weight:700}.step-button,.reset-button{background:#c9c4b1;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:82px;display:flex}.step-button span,.reset-button span{font-size:20px}.step-button small,.reset-button small{font-size:7px;font-weight:700}.step-icon{flex-shrink:0;display:block}.speed-control{border-left:2px solid #8a8676;border-right:2px solid #8a8676;padding:5px 8px}.speed-control>div,.progress-block>div:first-child{justify-content:space-between;font-size:9px;font-weight:700;display:flex}.speed-control output{color:#0d6f78}.speed-control input{accent-color:#0d6f78;width:100%;margin-top:18px}.stats-strip{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{border-left:1px solid #8a8676;padding:7px 7px 4px 14px;position:relative}.stat i{border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:4px;box-shadow:0 0 5px}.stat i.cyan{color:var(--cyan);background:var(--cyan)}.stat i.green{color:var(--green);background:var(--green)}.stat i.yellow{color:var(--yellow);background:var(--yellow)}.stat i.magenta{color:var(--magenta);background:var(--magenta)}.stat span{color:#666253;white-space:nowrap;font-size:7px;display:block}.stat strong{font:600 22px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;margin-top:5px;display:block}.progress-block{padding:4px 0;font-size:9px}.progress-track{border:2px solid var(--ink);height:13px;margin:10px 0 5px;padding:2px}.progress-track i{background:repeating-linear-gradient(90deg, var(--magenta) 0 5px, transparent 5px 7px);max-width:100%;height:100%;display:block}.progress-block small{color:#666253;font-size:7px}footer{display:none}.info-dialog{width:min(660px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.info-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8}.info-dialog-card{border:3px solid var(--line);background:var(--paper);max-height:min(720px,100dvh - 32px);overflow:auto;box-shadow:8px 8px #00b8c4cc}.info-dialog-card>header{z-index:1;border-bottom:3px solid var(--line);background:var(--yellow);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;position:sticky;top:0}.dialog-kicker{font:700 8px var(--font-mono);letter-spacing:2px;color:#615c4c;margin-bottom:2px;display:block}.info-dialog h2{letter-spacing:.8px;margin:0;font-size:18px}.info-dialog header button{border:2px solid var(--ink);background:var(--paper);width:35px;height:35px;box-shadow:2px 2px 0 var(--ink);font:700 25px/29px var(--font-mono);cursor:pointer;flex:none;padding:0}.info-dialog header button:hover{background:var(--magenta);color:#fff}.info-dialog header button:active{box-shadow:none;transform:translate(2px,2px)}.info-dialog header button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.info-dialog-copy{font:500 14px/1.65 var(--font-mono);padding:20px 22px 22px}.info-dialog-copy p{margin:0 0 1.15em}@media (width<=1100px){.control-deck{grid-template-columns:auto minmax(0,1fr)}.stats-strip{grid-area:1/2}.speed-control{border:0;grid-area:2/1;padding:4px 0}.speed-control input{margin-top:8px}.progress-block{grid-area:2/2}}@media (width<=900px){.screen-titlebar>span{letter-spacing:0;font-size:9px}.diorama-status{bottom:16px}.bottom-dock{gap:4px;padding:0 8px 8px}.control-deck{grid-template-columns:minmax(0,1fr);gap:0;padding:8px}.transport{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 62px;display:grid}.transport .step-button,.terminal-line,.speed-control,.stats-strip,.progress-block{display:none}.run-button,.reset-button{min-width:0}.reset-button{width:100%}}@media (width<=650px){.masthead{gap:8px;width:min(400px,100vw - 16px);min-height:58px;padding:6px 8px;top:8px;left:8px}h1{font-size:23px}.generate-button{min-height:36px;padding:6px 8px;font-size:10px}.screen-titlebar{border-width:2px;width:auto;height:34px;padding:0 8px;top:74px;left:8px;right:auto;box-shadow:3px 3px #1a1a16a6}.memoriam-title{gap:6px}.screen-titlebar .memoriam-title>span{font-size:11px}.info-button{border-width:1px;width:20px;height:20px;font-size:11px;line-height:18px}.orbit-help{display:none}.view-stage{--preview-width:175px;--preview-height:128px}.radar-view.is-primary .radar-surface{inset:76px 8px 18px}.scene-pane.is-preview{top:calc(100% - var(--preview-height) - 8px);left:calc(100% - var(--preview-width) - 8px)}.preview-promote>span{padding:7px 5px;font-size:6px}.bottom-dock{gap:4px;padding:0 8px 8px}.control-deck{grid-template-columns:minmax(0,1fr);gap:0;padding:8px}.transport{grid-column:1/-1;grid-template-columns:1fr 62px;display:grid}.transport .step-button{display:none}.run-button{min-width:0}.terminal-line,.speed-control,.stats-strip,.progress-block{display:none}.diorama-status{bottom:8px;left:8px}.info-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.info-dialog-card{max-height:calc(100dvh - 20px)}.info-dialog-card>header{padding:11px 12px}.info-dialog h2{font-size:15px}.info-dialog-copy{padding:16px 14px 18px;font-size:12px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.scene-pane,.radar-surface,.data-panel{transition:none}}