:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--accent: #3fb950;--knob: #58a6ff}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:SF Mono,Fira Code,ui-monospace,monospace;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:960px;margin:0 auto;padding:1.5rem}.app-header{position:relative;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.25rem}.app-header-trigger{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer;border-radius:8px}.app-header-trigger:hover,.app-header-trigger:focus-visible{outline:1px solid var(--border);outline-offset:4px}.app-logo{width:48px;height:48px;border-radius:8px;flex-shrink:0}.app-header-text h1{margin:0 0 .25rem;font-size:1.5rem;letter-spacing:.05em}.subtitle{margin:0 0 .5rem;opacity:.7;font-size:.85rem}.sim-meta{margin:0 0 1rem;font-size:.8rem;line-height:1.5;opacity:.85}.sim-meta p{margin:.2rem 0}.sim-meta a{color:var(--knob);text-decoration:none}.sim-meta a:hover,.sim-meta a:focus-visible{text-decoration:underline}.controls-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.transport-play{display:flex;align-items:center;gap:1rem}.transport-io{display:flex;flex-direction:column;gap:.35rem}.controls-top .transport,.controls-top .external-controls button,.global-strip button{min-height:44px}.external-controls{display:flex;flex-direction:column;gap:.35rem}#external-btn,#external-midi-btn{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.6rem 1rem;font:inherit;cursor:pointer;border-radius:4px}#external-btn.active,#external-midi-btn.active,.mod-bay .mod-disabled{opacity:.38;filter:saturate(.35)}.transport{border:none;padding:.6rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;border-radius:4px;color:#000}.transport.play{background:#2ea043}.transport.stop{background:#da3633;color:#fff}.transport:disabled{opacity:.45;cursor:not-allowed}.mod-bay-toggle{display:none;width:100%;margin-bottom:.5rem;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.5rem;font:inherit;cursor:pointer;border-radius:4px;text-align:left}.mod-bay.collapsed{display:none}.external-meter{position:relative;min-width:64px;width:72px;height:44px;background:#21262d;border:1px solid var(--border);border-radius:4px;overflow:hidden}.external-meter:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--text) 25%,transparent);pointer-events:none}.external-meter-fill{display:block;height:100%;width:0%;background:var(--knob);opacity:.85;transition:width .05s linear}.external-meter[data-active=false] .external-meter-fill{opacity:0}.page-chrome{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--panel);border:1px solid var(--border);border-radius:4px}.page-chrome-head h2{margin:0 0 .25rem;font-size:1rem;color:var(--knob)}.page-chrome-blurb{margin:0;font-size:.75rem;opacity:.75;max-width:28rem}.page-chrome-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-chrome-actions button{background:#21262d;border:1px solid var(--border);color:var(--text);padding:.45rem .65rem;font:inherit;cursor:pointer;border-radius:4px;min-height:44px}.page-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0 .5rem;justify-content:center}.page-pill{min-width:44px;min-height:44px;padding:.35rem .5rem;font-size:.65rem;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px}.page-pill.active{border-color:var(--knob);color:var(--knob)}.knob-col.highlight{outline:1px solid var(--knob);border-radius:4px}.knob-label-main{font-size:.65rem;opacity:.85;text-align:center}.knob-hint{font-size:.55rem;opacity:.55;text-align:center;max-width:4rem;line-height:1.2;min-height:1.2em}.mod-source-label{font-size:.55rem;opacity:.65}@media(max-width:720px){.mod-bay-toggle{display:block}}.mod-bay{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;padding:.5rem;background:var(--panel);border:1px solid var(--border);border-radius:4px}.mod-cell{display:flex;flex-direction:column;gap:.15rem;font-size:.65rem}.mod-label{font-weight:600;color:var(--knob)}.mod-hint{opacity:.65}.mod-meter{height:6px;background:#111;border-radius:2px;overflow:hidden}.mod-meter-fill{height:100%;background:var(--accent);transition:width .15s ease-out}.mod-meter-fill--idle{opacity:.35}.mod-cell-step .mod-meter-fill{background:var(--knob)}.mod-select{font-size:.6rem;width:100%;max-width:100%;box-sizing:border-box;background:var(--panel);color:var(--text);border:1px solid var(--border)}.global-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.global-strip button{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;font:inherit;cursor:pointer;border-radius:4px}.wave-icon{color:var(--knob);display:block}.morph-knob{width:64px;accent-color:var(--knob)}.status{font-size:.8rem;opacity:.8}.page-label{font-size:.85rem;color:var(--knob)}.field-layout{display:grid;grid-template-columns:auto 1fr auto;gap:1rem 1.5rem;align-items:start}.page-nav{grid-row:1;align-self:center;min-width:44px;min-height:44px;width:52px;height:52px;font-size:1.25rem;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px}.page-nav:active{background:#21262d}#page-prev{grid-column:1}.knobs{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;align-items:stretch;height:auto}#page-next{grid-column:3}@media(max-width:720px){.field-layout{grid-template-columns:1fr;gap:.75rem}.field-nav-row{display:flex;justify-content:center;align-items:center;gap:1rem}#page-prev,#page-next{grid-column:auto;grid-row:auto}.knobs{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:auto;min-height:0}.knob-col .knob-label-main{white-space:normal;line-height:1.15;overflow-wrap:break-word;width:100%;min-height:2.3em;font-size:clamp(.55rem,2.6vw,.65rem);opacity:.85;text-align:center}.knob-hint{max-width:100%}}.knob-col{display:flex;flex-direction:column;align-items:center;align-content:start;gap:.25rem;min-width:0;width:100%;padding:.4rem .35rem .5rem;background:#161b22;border:1px solid var(--border);border-radius:4px;height:auto;isolation:isolate;overflow:clip}.knob-col>*{min-width:0;max-width:100%}.knob-col label{font-size:.65rem;opacity:.7}.knob-morph-slot{display:block;width:28px;height:28px;flex-shrink:0}.knob-row{display:flex;justify-content:center;align-items:center;width:100%}.vco-morph-btn{background:transparent;border:none;color:var(--knob);padding:0;width:28px;height:28px;cursor:pointer;font:inherit;flex-shrink:0;line-height:0;position:relative;z-index:1}.vco-morph-btn:hover .wave-icon{opacity:.75}.vco-morph-btn[hidden]{display:none}.rotary-knob{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:radial-gradient(circle at 35% 30%,#2a3038,#161b22);cursor:ns-resize;touch-action:none;flex-shrink:0;margin:auto 0}.rotary-knob-pointer{position:absolute;left:50%;top:50%;width:2px;height:16px;margin-left:-1px;margin-top:-16px;background:var(--knob);transform-origin:50% 100%;border-radius:1px}.mod-scope-cell{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.mod-scope-canvas{width:100%;min-height:40px;height:40px;border:1px solid var(--border);border-radius:3px;display:block}.mod-scope-idle .mod-scope-canvas{opacity:.35}.mod-led-cell{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.mod-led{width:100%;min-height:40px;height:40px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center}.mod-led:before{content:"";width:16px;height:16px;border-radius:50%;background:#21262d}.mod-led[data-on=true]:before{background:var(--accent)}@media(min-width:721px){.field-layout{grid-template-columns:1fr}.field-nav-row{display:contents}.page-nav{display:none}.knobs{grid-column:1}}.switches{display:flex;flex-direction:column;gap:.75rem;padding-top:2rem}.sw{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;font:inherit;cursor:pointer;border-radius:4px;min-width:5rem}.sw:active{background:#21262d}.hint{margin-top:1.5rem;font-size:.75rem;opacity:.6}kbd{background:var(--panel);border:1px solid var(--border);padding:.1rem .35rem;border-radius:3px}.app-help-menu:not([hidden]){position:absolute;top:100%;left:0;z-index:20;display:flex;flex-direction:column;min-width:12rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000059}.app-help-menu-title{margin:0;padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.app-help-menu button{min-height:44px;padding:.65rem 1rem;background:transparent;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.app-help-menu button:hover{background:#58a6ff1f}.help-modal:not([hidden]){position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000008c}.help-modal-panel{width:min(640px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px}.help-modal-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.help-modal-head h2{margin:0;font-size:1.1rem}#help-modal-close{background:transparent;border:none;color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.help-modal-body{margin:0;padding:1rem;overflow:auto;white-space:pre-wrap;font:inherit;font-size:.8rem;line-height:1.45}