:root{color-scheme:dark;--gold:#e8d4a0;--mint:#b4e3d6;--muted:#98aeb0;--edge:#375458;background:#080f13;color:#dfe8df;font:15px/1.65 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#253f422c,transparent 42%),#080f13}main{max-width:1512px;margin:auto;padding:32px 34px 24px}a{color:var(--mint);text-underline-offset:5px}.back{float:right;font-size:13px}.intro{max-width:1100px;margin:4px 0 30px}.eyebrow,.chapter-number{font:11px/1.6 ui-monospace,monospace;letter-spacing:.16em;color:var(--gold)}h1{font:clamp(32px,4vw,59px)/1.12 Georgia,serif;letter-spacing:-.035em;color:#f0e6c8;margin:17px 0}h2{font:27px/1.2 Georgia,serif;color:var(--gold);margin:14px 0}.lead{font-size:17px;color:#b1c4c5;max-width:940px}.presets{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}button,select{font:inherit;color:#d9e8e2;background:#142329;border:1px solid #426064;border-radius:9px;padding:10px 16px;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}button:hover,button:focus-visible,select:focus-visible{outline:none;border-color:#a1d4c9;background:#203b3e;box-shadow:0 0 19px #a1d4c91c}button.selected{border-color:#bbab74;color:#f5df9c;background:#4c482f44}button:disabled{cursor:wait;opacity:.6}.instrument{position:relative;aspect-ratio:1440/1000;border:1px solid #496567;border-radius:18px;overflow:hidden;background:#0b151b;box-shadow:0 26px 65px #0006,inset 0 0 25px #b4e3d60a;transition:box-shadow .25s,border-color .25s}.instrument:hover,.instrument:focus-within{border-color:#99c8bc;box-shadow:0 0 35px #8dd5c91b,0 26px 65px #0006}canvas{display:block}#gpu{position:absolute;left:2.5%;top:16.8%;width:72.222222%;height:64%;pointer-events:none;border-radius:9px}#interface{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}.loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#0c181fef;text-align:center;padding:30px}.loading[hidden]{display:none}.loading strong{font:25px Georgia,serif;color:var(--gold)}.loading span{color:var(--muted)}.loader{display:block;width:32px;height:32px;border:1px solid #a7ceba33;border-top-color:var(--gold);border-radius:50%;animation:turn 1.5s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.instrument-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:17px 0 12px}.signal{display:flex;gap:10px;align-items:center;font:12px ui-monospace,monospace;color:var(--mint)}.signal i{width:7px;height:7px;border-radius:50%;background:#b4e3d6;box-shadow:0 0 12px #b4e3d6}.actions{display:flex;gap:10px;flex-wrap:wrap}.interaction-note,.export-status{font-size:12px;color:var(--muted);margin:10px 0}kbd{border:1px solid #415456;border-radius:3px;padding:1px 4px}.accessible{border-top:1px solid #2b4248;margin:24px 0 14px;padding-top:14px}.accessible summary{cursor:pointer;color:var(--mint);font-size:13px}.accessible-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0}.accessible label{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:8px;min-width:0}.accessible .check{flex-direction:row;align-items:center}.accessible input{accent-color:#a1d7c8;width:100%}.accessible input[type=checkbox]{width:auto}.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:40px 0 25px;margin-top:28px;border-top:1px solid #30474b}.story p{color:#a6bbbe;font-size:14px}.story p.quiet{font-size:12px;color:#7f9b9e}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:24px;border-top:1px solid #30474b;color:#94a9a8;font:11px ui-monospace,monospace}@media(max-width:760px){main{padding:20px 12px}.back{float:none}.presets{gap:7px}.presets button{padding:9px 11px;font-size:12px}.story{grid-template-columns:1fr;gap:22px}.accessible-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instrument{border-radius:10px}.actions button{font-size:12px}.signal{line-height:1.7}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.scene-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;margin:0 0 16px;border:1px solid #426064;border-radius:14px;background:#15232a}.scene-options label{display:flex;flex-direction:column;gap:7px;color:#b8ccc8;font-size:12px;min-width:0}.scene-options select{padding:8px;max-width:100%;font-size:12px}.scene-options .check{flex-direction:row;align-items:center}.scene-options input[type=range]{width:100%;accent-color:#abe7d4}.scene-options input[type=checkbox]{accent-color:#d6c181}.scene-options output{font:11px ui-monospace,monospace;color:#ecd593}@media(max-width:760px){.scene-options{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}}

.source-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 16px}.source-presets span{color:var(--muted);font-size:12px;margin-right:3px}.source-presets button{padding:8px 12px;font-size:12px}.scene-editor{border:1px solid #426064;border-radius:14px;padding:18px;margin:20px 0;background:#101f26}.scene-editor summary{color:var(--mint);cursor:pointer}.scene-editor p{font-size:12px;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}.editor-grid label{min-width:0;color:#b8ccc8;font-size:12px}.editor-grid input,.editor-grid select{display:block;width:100%;accent-color:#a1d7c8}.editor-grid output{float:right;font:11px ui-monospace,monospace;color:var(--gold)}.editor-grid select{font-size:12px;padding:7px}.curation{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.curation label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.curation input[type=text]{font:inherit;color:var(--gold);background:#0c171d;padding:10px;border:1px solid #426064;border-radius:7px;max-width:100%}.curation select{max-width:260px}.curation button,.curation select{font-size:12px}.editor-grid button{align-self:end}.scene-editor [hidden]{display:none!important}@media(max-width:760px){.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.curation{align-items:stretch}.curation>*{max-width:100%}.curation select{width:100%}.scene-editor{padding:13px}}
.flow-controls{margin:0 0 16px;padding:15px 18px;border:1px solid #827443;border-radius:12px;background:linear-gradient(115deg,#252718,#10232a)}.flow-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.flow-line label{font-size:12px;color:var(--mint)}.flow-switch{display:flex;align-items:center;gap:8px;font-weight:650}.flow-switch span{font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--gold)}.flow-line input{accent-color:var(--gold)}.flow-line input[type=range]{display:block;width:140px}.flow-line output{float:right;color:var(--gold)}.flow-line button{font-size:12px;padding:8px 12px}.flow-line button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.flow-controls p{font-size:12px;color:#b7c7bd;margin:10px 0 0}.flow-controls summary{font-size:12px;color:var(--gold);cursor:pointer;margin-top:8px}.flow-controls details p{max-width:1050px}.flow-controls :disabled{opacity:.45;cursor:default}