:root{--bg: #150c0f;--panel: #1e1418;--panel-2: #291d22;--border: #3a2a31;--text: #f4f5ef;--muted: #a2969a;--accent: #f9b71b;--on-accent: #150c0f;--accent-2: #30e462;--red: #ff2803;--blue: #1795f0;--auto: #9b8cff;--signal-bg: #0e0709;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}#app{max-width:none;margin:0;padding:22px 20px 60px}#app.booting{visibility:hidden}.app-head{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:14px}.logo{height:54px;width:54px;object-fit:contain;flex-shrink:0}.brand-text h1{margin:0;font-size:1.4rem;letter-spacing:-.02em}.subtitle{margin:4px 0 0;color:var(--muted);font-size:.88rem}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.bar-spacer{flex:1 1 auto}.pop-menu{position:fixed;z-index:70;min-width:210px;max-width:280px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:1px;box-shadow:0 12px 34px #00000080}.pop-head{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px 3px;display:flex;align-items:center;gap:6px}.pop-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;width:100%;background:transparent;border:none;color:var(--text);padding:7px 9px;border-radius:6px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:7px;text-decoration:none}.pop-item:hover{background:var(--panel-2)}.pop-item.danger{color:#ff8080}.add-name{font-weight:600}.add-sub{margin-left:auto;padding-left:12px;color:var(--muted);font-size:.76rem}.pop-item.danger:hover{background:#ff50501f}.pop-sep{height:1px;background:var(--border);margin:4px 2px}.pop-ctl{display:flex;align-items:center;gap:8px;padding:4px 9px;font-size:.78rem;color:var(--muted)}.pop-ctl>span{flex-shrink:0}.pop-ctl select{flex:1;min-width:0}.pop-menu .file-input{display:none}.pop-menu .version-chip{margin-left:auto}#toolbar{position:sticky;top:0;z-index:40;background:var(--bg);padding:8px 0 4px;margin-bottom:14px;border-bottom:1px solid var(--border)}#toolbar .bar{margin-bottom:6px;gap:6px}#toolbar .btn{padding:5px 9px;font-size:.8rem}#toolbar .param-input,#toolbar .page-name,#toolbar input.num{padding:5px 8px;font-size:.8rem}#toolbar .page-name{width:170px;max-width:24vw;text-overflow:ellipsis}.bar-version{padding:3px 8px;font-size:.72rem}#block-nav{position:fixed;top:92px;right:16px;width:300px;max-height:calc(100vh - 110px);overflow:auto;display:none;flex-direction:column;gap:2px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;z-index:30}#block-nav.empty,#app.present #block-nav{display:none!important}.nav-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.nav-item{display:flex;gap:7px;align-items:center;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;padding:5px 7px;color:var(--text);cursor:pointer;font-size:.78rem}.nav-sub:hover{background:var(--panel-2)}.nav-block{display:flex;align-items:stretch;gap:2px;padding:0}.nav-block:hover{background:var(--panel-2)}.nav-block.active{border-color:var(--accent);background:var(--panel-2)}.nav-xport{flex:none;width:26px;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:6px;font-size:.66rem;line-height:1}.nav-xport:hover{background:var(--panel);color:var(--text)}.nav-xport.on{color:#30e462}.nav-jump{flex:1;display:flex;gap:7px;align-items:center;min-width:0;text-align:left;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:.78rem;padding:5px 6px 5px 1px}.nav-sub{font-size:.74rem;color:var(--muted);padding-top:3px;padding-bottom:3px}.nav-d1{padding-left:18px}.nav-d2{padding-left:34px}.nav-dot{flex-shrink:0;opacity:.7}.nav-caret{flex-shrink:0;width:.9em;text-align:center;color:var(--muted);font-size:.7rem}.nav-group{margin-top:3px}.nav-group .nav-name{text-transform:uppercase;letter-spacing:.05em;font-size:.66rem;font-weight:700;color:var(--muted)}.nav-group:hover .nav-caret,.nav-group:hover .nav-name{color:var(--text)}.nav-fx .nav-dot{color:var(--accent-2)}.nav-auto .nav-dot{color:var(--auto)}.nav-brick .nav-dot{color:var(--accent)}.nav-pattern .nav-dot{color:var(--accent-2)}.nav-pattern .nav-name{font-weight:600}.nav-song .nav-dot{color:#5ab1ff}.nav-song .nav-name{font-weight:700}.nav-block{margin-top:4px}.nav-type{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--type, var(--accent));background:color-mix(in srgb,var(--type, var(--accent)) 18%,transparent);border:1px solid color-mix(in srgb,var(--type, var(--accent)) 45%,transparent);border-radius:4px;padding:1px 5px;flex-shrink:0}.nav-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1100px){#block-nav{display:flex}#app{padding-right:336px}}.bar-label{color:var(--muted);font-size:.82rem;margin-right:2px}.app-toast{position:fixed;left:50%;top:66px;transform:translate(-50%) translateY(-6px);background:var(--panel-2);border:1px solid var(--border);color:var(--accent-2);font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:0 8px 24px #00000080;max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:80}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.app-toast.warn{color:var(--accent)}.app-busy{position:fixed;left:50%;top:66px;transform:translate(-50%) translateY(-6px);display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);color:var(--accent-2);font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:0 8px 24px #00000080;max-width:80vw;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:81;pointer-events:none}.app-busy.show{opacity:1;transform:translate(-50%) translateY(0)}.app-busy-spin{flex:0 0 auto;width:13px;height:13px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--accent);border-radius:50%;animation:app-busy-spin .7s linear infinite}@keyframes app-busy-spin{to{transform:rotate(360deg)}}.app-busy-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-busy-track{flex:0 0 auto;width:90px;height:4px;background:#ffffff1f;border-radius:999px;overflow:hidden}.app-busy-bar{height:100%;width:40%;background:var(--accent);border-radius:999px;transition:width .15s ease}.app-busy-track.indeterminate .app-busy-bar{animation:app-busy-indet 1.1s ease-in-out infinite}@keyframes app-busy-indet{0%{transform:translate(-100%)}to{transform:translate(250%)}}body.retro-mode .app-busy,body.retro-mode .app-busy-track,body.retro-mode .app-busy-bar{border-radius:0!important}body.retro-mode .app-busy-spin{border-radius:0!important;animation:app-busy-spin .7s steps(8) infinite}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:8px 13px;border-radius:8px;font-size:.86rem;cursor:pointer;transition:background .12s,border-color .12s,transform .04s;display:inline-flex;align-items:center;gap:6px;line-height:1.2}.btn:hover{background:#262b35;border-color:#3a4150}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn:disabled:hover{background:var(--panel-2);border-color:var(--border);filter:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.pending{animation:pendingPulse 1.1s ease-in-out infinite}@keyframes pendingPulse{0%,to{box-shadow:0 0 #f9b71b00}50%{box-shadow:0 0 0 3px #f9b71b8c}}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-add{border-color:var(--accent);color:var(--accent);background:#f9b71b17;font-weight:600}.btn-add:hover{background:#f9b71b2e;border-color:var(--accent)}.btn-icon{border:1px solid transparent;background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;border-radius:6px;padding:3px 7px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn-icon:hover{color:var(--text);background:var(--panel-2)}.icon{flex:none;display:inline-block;vertical-align:middle}.ic-caret{opacity:.55;margin-left:-2px}.ic-bolt{vertical-align:-2px}.btn-remove:hover{color:var(--red)}.file-label{position:relative;overflow:hidden}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.slot .file-label{border-color:var(--accent);color:var(--accent)}.slot .file-label:hover{background:#f9b71b1f;border-color:var(--accent)}.page-name,.page-name:focus{width:180px}.page-name{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 9px;font-size:.86rem}.rack{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}.empty-hint{grid-column:1 / -1;color:var(--muted);text-align:center;padding:40px 0}.module{grid-column:span 2;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 3px 0 0 var(--type, transparent)}.module-body{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.module.half{grid-column:span 1}.module.dragging{opacity:.5;outline:2px dashed var(--accent)}.module-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--type, var(--accent)) 9%,var(--panel-2));border-bottom:1px solid var(--border);border-top-left-radius:inherit;border-top-right-radius:inherit}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:1rem}.drag-handle:active{cursor:grabbing}.module-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--type, var(--accent));background:color-mix(in srgb,var(--type, var(--accent)) 16%,transparent);border:1px solid color-mix(in srgb,var(--type, var(--accent)) 45%,var(--border));padding:2px 7px;border-radius:99px;flex-shrink:0}.module-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;color:var(--text);font-size:.95rem;font-weight:600;padding:4px 6px;border-radius:6px}.module-name:hover{border-color:var(--border)}.module-name:focus{border-color:var(--accent);background:var(--bg);outline:none}.module-body{padding:14px;display:flex;flex-direction:column;gap:13px}.row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.inline{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.84rem}.slot{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.slot-name{color:var(--muted);font-size:.82rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.drag-over{border-color:var(--accent);background:#f9b71b1a;box-shadow:0 0 0 2px #f9b71b47 inset}.slot.drag-over .slot-name{color:var(--accent)}.params{display:flex;flex-direction:column;gap:9px}.param{display:flex;align-items:center;gap:12px}.param.row-disabled{opacity:.4}.eq-tiles{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.eq-tile{display:flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:pointer;font-size:.8rem;opacity:.55;-webkit-user-select:none;user-select:none}.eq-tile.on{opacity:1}.eq-tile.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.eq-tile-dot{width:9px;height:9px;border-radius:50%;background:var(--eq-dot, #888);flex:0 0 auto}.eq-tile.on .eq-tile-dot{box-shadow:0 0 5px var(--eq-dot)}.eq-tile-n{font-weight:700}.eq-tile-sum{color:var(--muted);font-variant-numeric:tabular-nums}.eq-tile-box{margin:0;cursor:pointer}.param-label{width:150px;flex-shrink:0;color:var(--muted);font-size:.83rem}.param-control{display:flex;align-items:center;gap:10px;flex:1}.param-value{width:92px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.82rem}.param-num{width:66px;text-align:right;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:.82rem;font-variant-numeric:tabular-nums}.param-num:focus{outline:none;border-color:var(--accent)}.param-unit{color:var(--muted);font-size:.78rem;min-width:24px}input[type=range]{flex:1;accent-color:var(--accent);min-width:80px}input[type=checkbox]{accent-color:var(--accent)}select.param-input,input.num{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.84rem}input.num{width:96px}select.param-input{min-width:150px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.chain-wrap>.row{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.chain{display:flex;flex-direction:column;gap:10px}.chain-empty{margin:0;color:var(--muted);font-size:.82rem;font-style:italic}.fx{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.fx-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.fx-index{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border-radius:50%;font-size:.72rem;font-weight:700;flex-shrink:0}.fx-title{flex:1;font-weight:600;font-size:.9rem}.fx-bypass{color:var(--accent-2);font-size:.9rem}.fx.bypassed{opacity:.5}.fx.bypassed .fx-bypass{color:var(--muted)}.layers{display:flex;flex-direction:column;gap:11px}.layer{display:flex;flex-direction:column;gap:7px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:11px}.layer .slot{background:var(--panel)}.seq-wave-wrap{background:var(--signal-bg);border:1px solid var(--border);border-radius:8px;padding:4px}.seq-wave{width:100%;height:120px;display:block;cursor:crosshair;touch-action:none}.seq-sel-label{font-size:.78rem;color:var(--muted)}.seq-sel-label.seq-warn{color:var(--red);font-weight:600}.seq-spacer{flex:1}.seq-zoom-row{align-items:center;gap:8px}.seq-zoom-label{font-variant-numeric:tabular-nums;color:var(--muted);min-width:34px;text-align:center;font-size:.82rem}.seq-hint{color:var(--muted);font-size:.72rem;margin-left:auto}.seq-grid-nudge{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.76rem}.seq-grid-off{min-width:2.6em;text-align:center;font-variant-numeric:tabular-nums;color:var(--text)}.seq-tempo-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seq-bpm-hint{color:var(--accent-2);font-size:.72rem;margin-left:0}.seq-tempo-control.just-detected .num{animation:tempoFlash 2.2s ease-out}@keyframes tempoFlash{0%,18%{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}to{box-shadow:0 0 0 0 transparent}}.seq-eject{display:inline-flex;align-items:center}.seq-eject:hover{color:#ff8b8b;background:#ff50501f}.btn-danger{border-color:#a33a3a;color:#ff8b8b}.btn-danger:hover{background:#ff505024;border-color:#d05656}.seq-scroll{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:grab;margin:2px 0}.seq-scroll::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#ffffff14}.seq-scroll::-moz-range-track{height:6px;border-radius:3px;background:#ffffff14}.seq-scroll::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:12px;margin-top:-3px;border-radius:6px;background:#ffffff52;border:1px solid rgba(255,255,255,.15)}.seq-scroll::-moz-range-thumb{width:48px;height:12px;border-radius:6px;background:#ffffff52;border:1px solid rgba(255,255,255,.15)}.seq-scroll:active{cursor:grabbing}.seq-scroll:active::-webkit-slider-thumb{background:#ffffff80}.seq-bricks{display:flex;flex-direction:column;gap:8px}.seq-brick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:6px}.seq-brick{display:flex;align-items:center;gap:8px;min-width:0;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:6px 9px}.seq-brick-swatch{width:13px;height:13px;border-radius:4px;flex-shrink:0}.seq-brick-swatch:hover,.seq-pat-swatch:hover{box-shadow:0 0 0 2px #ffffff59}.seq-pat-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0;cursor:pointer}.seq-brick-name{flex:0 1 70px;min-width:40px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:3px 6px;font-weight:600;font-size:.83rem}.seq-brick-meta{color:var(--muted);font-size:.72rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-swatch{width:17px;height:17px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:var(--on-accent);flex-shrink:0;line-height:1}.seq-group-btn{flex-shrink:0;opacity:.5}.seq-group-btn:hover,.seq-group-btn.is-set{opacity:1}.seq-group-pop .pop-item.on{color:var(--accent)}.seq-group-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;display:inline-block}.seq-group-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px}.seq-group-box{border:1px solid var(--border);border-left:3px solid var(--g, var(--border));background:color-mix(in srgb,var(--g, transparent) 6%,transparent);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px}.seq-group-head{display:flex;align-items:center;gap:8px}.seq-group-caret{color:var(--muted);flex-shrink:0}.seq-group-name{flex:0 1 180px;min-width:80px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);padding:3px 7px;font-weight:700;font-size:.88rem}.seq-group-name:hover{border-color:var(--border)}.seq-group-name:focus{outline:none;border-color:var(--accent);background:var(--panel)}.seq-group-count{font-size:.7rem;color:var(--muted);background:var(--panel-2);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.seq-section-head{display:flex;align-items:center;gap:10px}.seq-section-head .section-label{margin:0}.seq-patterns{display:flex;flex-direction:column;gap:10px}.seq-pattern{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:8px;min-width:0}.seq-pat-tiles{display:flex;flex-wrap:wrap;gap:8px}.seq-pat-tile{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:4px 6px 4px 8px;cursor:pointer;max-width:240px}.seq-pat-tile:hover{border-color:var(--muted)}.seq-pat-tile.active{background:var(--panel)}.seq-pat-tile.playing,.seq-brick.playing{outline:2px solid var(--accent-2);outline-offset:1px;animation:seq-play-pulse 1s ease-in-out infinite;z-index:1}@keyframes seq-play-pulse{0%,to{box-shadow:0 0 5px color-mix(in srgb,var(--accent-2) 35%,transparent)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 65%,transparent)}}.seq-tile-play .ic-play,.seq-tile-play .ic-stop{display:inline-block;width:1em;text-align:center;line-height:1}.seq-tile-play .ic-stop,.previewing .seq-tile-play .ic-play{display:none}.previewing .seq-tile-play .ic-stop{display:inline-block}.previewing .seq-tile-play{color:var(--accent)}.seq-pat-tile-name{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.seq-pat-tile .btn-icon{padding:1px 4px;font-size:.78rem}.seq-pat-editor{border-width:1px}.seq-pat-editing{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-shrink:0}.seq-pat-head{display:flex;align-items:center;gap:8px}.seq-pat-name{width:130px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:3px 7px;font-weight:600;font-size:.85rem}.seq-source-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seq-fmt-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.seq-fmt-badge:empty{display:none}.seq-fmt-badge.is-master{background:#5ab1ff2e;color:#9ccbff;border:1px solid rgba(90,177,255,.4)}.seq-fmt-badge.is-sprite{background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent)}.seq-fmt-badge.is-missing{background:#ff280324;color:#ff8a6a;border:1px solid rgba(255,40,3,.4)}.seq-gen{display:flex;flex-direction:column;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:9px 11px;margin:8px 0}.seq-gen .row{align-items:center;gap:8px}.seq-pat-bars-lbl{color:var(--muted);font-size:.75rem}.seq-pat-dup{margin-left:4px}.seq-pat-lensel{width:auto;min-width:78px;padding:3px 6px;font-size:.8rem}.seq-chapter{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px;padding:7px 0 5px 12px;border-top:1px solid var(--border);border-left:3px solid var(--accent)}.seq-chapter-t{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;color:var(--text)}.seq-chapter-sub{color:var(--muted);font-size:.76rem}.seq-chapter-toggle{display:inline-flex;align-items:baseline;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:inherit}.seq-chapter-caret{color:var(--muted);font-size:.8rem}.seq-chapter-toggle:hover .seq-chapter-t,.seq-chapter-toggle:hover .seq-chapter-caret{color:var(--accent)}.seq-chapter-foldable.is-collapsed{margin-bottom:8px}.seq-chapter--bricks{border-left-color:var(--accent);background:linear-gradient(90deg,rgba(249,183,27,.13),transparent 55%)}.seq-chapter--patterns{border-left-color:#30e462;background:linear-gradient(90deg,rgba(48,228,98,.12),transparent 55%)}.seq-chapter--songs{border-left-color:#5ab1ff;background:linear-gradient(90deg,rgba(90,177,255,.13),transparent 55%)}.seq-metro-btn{color:var(--muted)}.seq-metro-btn.on{color:var(--accent);background:#f9b71b24}.seq-metro-btn.on:hover{color:var(--accent)}.seq-brick.dragging,.seq-pat-tile.dragging{opacity:.4}.seq-loop-wrap{display:block}.seq-loop-head{display:flex;align-items:center;gap:10px;margin-bottom:2px}.seq-loop-head .inline{font-size:.72rem;color:var(--muted)}.seq-loop-lbl{color:var(--blue);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.seq-loopbar{width:100%}.seq-loopbar{position:relative;height:15px;margin-bottom:2px}.seq-loop-region{position:absolute;top:4px;height:7px;background:#1795f04d;border-radius:3px;cursor:grab}.seq-loop-region:active{cursor:grabbing;background:#1795f073}.seq-snap-sel{width:auto;min-width:72px;padding:2px 6px;font-size:.78rem}.seq-loop-mark{position:absolute;top:-1px;transform:translate(-50%);color:var(--blue);font-size:.8rem;line-height:1;cursor:ew-resize;-webkit-user-select:none;user-select:none;padding:0 2px}.seq-loop-mark.end{color:var(--blue)}.seq-songs{display:flex;flex-direction:column;gap:8px}.seq-song-palette{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 0 6px}.seq-palette-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border);border-left:2px solid var(--g, var(--border));background:color-mix(in srgb,var(--g, transparent) 8%,transparent);border-radius:9px}.seq-palette-group-name{font-size:.66rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.seq-song-chip{display:inline-flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:2px 9px 2px 4px;font-size:.78rem;font-weight:600}.seq-pat-bars{width:52px}.seq-brick-swatch[draggable]{cursor:grab}.seq-tl{position:relative;height:48px;background:var(--signal-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.seq-tl-gridlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.seq-tl-wrap{display:block}.seq-tl-wrap .seq-scroll{margin-top:3px}.seq-tl-grid{position:absolute;top:0;bottom:0;width:1px;background:#ffffff29}.seq-tl-grid.bar{background:#ffffff6b;width:2px}.seq-clip{position:absolute;top:3px;bottom:3px;border-radius:5px;overflow:hidden;cursor:grab;display:flex;align-items:center;box-shadow:inset 0 0 0 1px #0000004d;touch-action:none}.seq-clip-label{color:#1a1012;font-weight:700;font-size:.74rem;padding:0 6px;white-space:nowrap;pointer-events:none}.seq-clip-resize{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;background:#00000040}.seq-clip-resize.r{right:0}.seq-clip-resize.l{left:0;background:#0000002e}.seq-warn{color:var(--red);font-weight:600;font-size:.75rem}.seq-clip-del{position:absolute;top:1px;right:11px;background:transparent;border:0;color:#0009;font-size:.7rem;cursor:pointer;padding:0 2px}.seq-clip-send{position:absolute;bottom:1px;left:4px;font-size:.6rem;font-weight:800;letter-spacing:.06em;color:#000000a6;pointer-events:none}.seq-clip-send:empty{display:none}.seq-fx-row{align-items:center;gap:14px;flex-wrap:wrap}.seq-fx-fb input[type=range]{width:90px}.seq-tl-ph{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);pointer-events:none}.seq-ruler{position:relative;height:11px;margin-top:4px;border-radius:3px;background:#ffffff0d;cursor:pointer;touch-action:none}.seq-ruler:hover{background:#ffffff1a}.seq-ruler-ph{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--accent-2);pointer-events:none}.seq-ruler-ph:before{content:"";position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--signal-bg) 60%,transparent)}.seq-wave-wrap .seq-ruler{margin-top:5px}.mixer{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;align-items:stretch}.mix-strip{flex:0 0 148px;min-width:0;display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px}.mix-strip .slot{min-width:0;flex-direction:column;align-items:stretch;gap:5px;padding:7px 8px}.mix-strip .file-label{padding:4px 8px;font-size:.78rem;font-weight:600;align-self:center}.mix-strip .slot-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;line-height:1.3;flex:none}.mix-strip.silenced{opacity:.5}.mix-strip-head{display:flex;align-items:center;gap:6px}.mix-type-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%}.mix-name{flex:1;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-strip .slot{background:var(--panel);font-size:.72rem}.mix-fader{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0}.fader{writing-mode:vertical-rl;direction:rtl;width:24px;height:130px;accent-color:var(--accent)}.mix-fader-track{position:relative;width:30px;height:130px;background:var(--signal-bg);border:1px solid var(--border);border-radius:5px;overflow:hidden}.mix-meter{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.mix-fader-track .fader{position:absolute;left:0;top:0;width:30px;height:130px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:ns-resize}.mix-fader-track .fader::-webkit-slider-runnable-track{background:transparent;border:none}.mix-fader-track .fader::-moz-range-track{background:transparent;border:none}.mix-fader-track .fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:12px;background:transparent;border:none}.mix-fader-track .fader::-moz-range-thumb{width:30px;height:12px;background:transparent;border:none}.mix-pan{display:flex;flex-direction:column;align-items:center;gap:2px}.mix-pan-slider{width:100%;accent-color:var(--accent-2)}.mix-cap{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.mix-val{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.mix-btns{display:flex;gap:6px;justify-content:center}.btn-mix{width:30px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.72rem;font-weight:700;cursor:pointer}.module.collapsed .module-body,.module-summary{display:none}.module.collapsed .module-summary{display:flex;flex-wrap:nowrap;overflow:hidden;align-items:baseline;gap:7px;padding:7px 14px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.module.collapsed .ms-fact{white-space:nowrap;flex:0 0 auto}.module.collapsed .ms-fact:first-child{color:var(--text);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.module.collapsed .ms-fact+.ms-fact:before{content:"·";margin-right:7px;opacity:.5}.module.collapsed .module-summary.ms-empty{font-style:italic;opacity:.7}.mod-collapse{color:var(--muted)}.mod-collapse:hover{color:var(--text)}.routed-badge{font-size:.7rem;font-weight:600;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px solid var(--accent-2);border-radius:6px;padding:2px 7px}.module.routed .viz,.module.routed .seek{opacity:.5}.module.routed .transport-ctl{display:none}.routed-note{font-size:.8rem;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 30%,transparent);border-radius:8px;padding:7px 11px;margin-bottom:2px}.nav-play{color:var(--accent-2);font-size:.62rem;width:9px;flex-shrink:0;visibility:hidden}.nav-play.on{visibility:visible}.nav-route{margin-left:auto;font-size:.66rem;color:var(--muted);white-space:nowrap;opacity:.7}.nav-route.routed{color:var(--accent-2);opacity:1}.mix-console{display:flex;gap:12px;align-items:stretch}.mix-console .mixer{flex:1;min-width:0}.mix-meter-wrap{flex-shrink:0;display:flex;flex-direction:column;gap:4px}.level-wrap-v{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;align-items:center}.level-meter-v{width:48px;height:100%;min-height:120px;background:var(--signal-bg);border:1px solid var(--border);border-radius:6px;display:block}.level-readout{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.head-transport{display:flex;gap:5px;align-items:center;flex-shrink:0}.head-transport:empty{display:none}.head-transport .btn-mini{padding:3px 8px;font-size:.82rem}.btn-mini{padding:2px 9px;font-size:.82rem;line-height:1.2}.mix-eq-mini{width:100%}.eqcurve.eqcurve-mini{width:100%;height:46px;border-radius:6px}.mix-source-pick{display:flex;flex-direction:column;gap:4px}.mix-file{display:flex;flex-direction:column;gap:5px}.mix-source-pick .mix-source-sel{width:100%;min-width:0;font-size:.74rem;padding:4px 6px}.btn-mix.mute.on{background:var(--red);border-color:var(--red);color:var(--on-accent)}.btn-mix.solo.on{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent)}.viz{width:100%;height:80px;background:var(--signal-bg);border:1px solid var(--border);border-radius:8px;display:block}.fx-layout{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.fx-controls{flex:1 1 260px;min-width:0}.fx-curve{flex:1 1 200px;min-width:180px}.eqcurve{width:100%;height:140px;background:var(--signal-bg);border:1px solid var(--border);border-radius:8px;display:block}.eqcurve-interactive{cursor:crosshair}.module.half .eqcurve{height:200px}.module.half .fx-layout{flex-direction:column;align-items:stretch}.app-foot{margin-top:28px;color:var(--muted);font-size:.78rem;text-align:center}.scene-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:56px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -8px 24px #00000059}body.with-scene-bar #app{padding-bottom:84px}body.with-scene-bar #block-nav{max-height:calc(100vh - 174px)}body.with-scene-bar .retro-selector{bottom:70px}.sb-now{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}.sb-type{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--type, var(--muted));background:color-mix(in srgb,var(--type, var(--muted)) 18%,transparent);border:1px solid color-mix(in srgb,var(--type, var(--muted)) 45%,transparent);border-radius:4px;padding:1px 5px;flex-shrink:0}.sb-type[hidden]{display:none}.sb-name{font-size:.86rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-bar.playing .sb-name{color:var(--text);font-weight:600}.sb-what{font-size:.86rem;color:var(--muted);white-space:nowrap;flex:0 0 auto}.sb-what:before{content:"·";margin-right:8px;opacity:.5}.sb-what[hidden]{display:none}.sb-what.sb-audition{color:var(--accent-2)}.sb-transport{flex:0 0 auto;display:flex;align-items:center;gap:12px}.sb-play{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer}.sb-play:hover:not(:disabled){border-color:var(--accent-2);color:var(--accent-2)}.sb-play:disabled{opacity:.4;cursor:default}.scene-bar.playing .sb-play{color:var(--accent-2);border-color:var(--accent-2)}.sb-pos{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sb-bar-beat{font-size:.95rem;color:var(--text);min-width:3.5ch}.sb-time{font-size:.78rem;color:var(--muted);min-width:6ch}.sb-master{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.sb-era{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:4px;padding:2px 7px}.sb-era[hidden],.scene-bar.era-locked .retro-selector{display:none}.level-wrap-h{display:flex;flex-direction:column;gap:2px}.level-meter-h{width:160px;height:16px;background:var(--signal-bg);border:1px solid var(--border);border-radius:4px;display:block}.level-wrap-h .level-readout{font-size:.62rem}#app.present~.scene-bar .level-wrap-h{display:none}body.retro-mode .scene-bar{border-top-width:2px;box-shadow:none}body.retro-mode .sb-play{border-width:2px;width:32px;height:32px}body.retro-mode .sb-type,body.retro-mode .sb-era{border-width:2px}body.retro-mode .sb-what:before{content:"-";margin-right:10px;opacity:1}body.retro-mode .sb-what{font-size:.76rem}body.retro-mode .level-meter-h,body.retro-mode .level-meter-v{border-width:2px;image-rendering:pixelated}body.retro-mode .sb-pos{font-family:inherit}.bar-sep{flex:1}.storage-chip{font-variant-numeric:tabular-nums}.storage-chip.warn{border-color:var(--red);color:var(--red)}.storage-panel{padding:14px;display:flex;flex-direction:column;gap:6px}.storage-note{margin:0;font-size:.9rem}.storage-note.warn{color:var(--red);font-weight:600}.storage-sub{margin:0 0 6px;font-size:.8rem;color:var(--muted)}.storage-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto}.storage-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.storage-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.storage-size{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted);width:70px;text-align:right}.btn-publish{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-accent);font-weight:600}.btn-publish:hover{filter:brightness(1.06)}.present-only{display:none!important}#app.present .present-only{display:inline-flex!important}#app.present #add-bar,#app.present #page-bar .authoring,#app.present .block-chrome{display:none!important}#app.present .module:not(.editable) .authoring{display:none!important}#app.present .module:not(.editable) .locked-in-present{pointer-events:none;opacity:.6}#app.present .module-name{pointer-events:none;border-color:transparent!important;background:transparent!important}.module.editable{box-shadow:inset 3px 0 0 var(--accent-2)}.present-loader{grid-column:1 / -1;text-align:center;color:var(--muted);padding:50px 0;display:flex;flex-direction:column;gap:14px;align-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:640px;width:100%;max-height:80vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel-2)}.modal-title{font-weight:600}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 0}.modal-body{padding:14px}.modal-body p{margin:0 0 8px;color:var(--text)}.modal-pre{margin:8px 0 0;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:.78rem;white-space:pre-wrap;word-break:break-word;color:#ffb4a8;background:#ff503c14;border:1px solid rgba(255,80,60,.25);border-radius:6px}.btn-sm{padding:3px 9px;font-size:.76rem}.notes{width:100%;resize:vertical;min-height:38px;box-sizing:border-box;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;font-size:.84rem}.notes::placeholder{color:var(--muted)}#app.present .notes{pointer-events:none;background:transparent;border-color:transparent;padding-left:0;color:var(--muted);font-style:italic}#app.present .notes.notes-empty{display:none}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}.automations{display:flex;flex-direction:column;gap:10px}.fx-autos{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:10px}.fx-autos-add{margin-top:0}.fx-autos .automation{border-left-color:var(--auto);background:var(--panel)}.automation{background:var(--panel-2);border:1px solid var(--border);border-left:2px solid var(--auto);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.automation.bypassed{opacity:.5}.automation-head{display:flex;align-items:center;gap:8px}.automation-head .fx-bypass{margin-left:auto}.automation-head .btn-remove{margin-left:0}.automation-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 6px;color:var(--text);font-size:.82rem;font-weight:600}.automation-name:hover{border-color:var(--border)}.automation-name:focus{outline:none;border-color:var(--accent);background:var(--bg)}.automation-name::placeholder{color:var(--muted);font-weight:400}.automation-head .fx-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.fx,.automation{scroll-margin-top:80px}.fx-collapse{color:var(--muted)}.fx-collapse:hover{color:var(--text)}.fx.collapsed .fx-controls{display:none}.fx.collapsed .fx-curve{flex:1 1 100%}.fx.collapsed>.params{display:none}.automation.collapsed>*:not(.automation-head):not(.auto-preview-wrap){display:none}.automation.collapsed .auto-preview{height:48px}.auto-preview-wrap{background:var(--signal-bg);border:1px solid var(--border);border-radius:8px;padding:4px}.auto-preview{display:block;width:100%;height:70px}.auto-steps-head{display:flex;align-items:center;gap:8px}.auto-steps-head .param-label{margin:0}.auto-steps-head .btn-small{margin-left:auto}.btn-small{font-size:.74rem;padding:3px 9px}.automation{container-type:inline-size}.auto-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@container (max-width: 640px){.auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 400px){.auto-steps{grid-template-columns:1fr}}.auto-step{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;min-width:0}.auto-step .grid2{grid-template-columns:1fr;gap:6px;min-width:0}.auto-step .param{gap:8px;min-width:0}.auto-step .param-label{width:auto;min-width:0;flex-shrink:1}.auto-step .param-control{min-width:0;flex:1}.auto-step select.param-input{min-width:0;width:100%}.auto-step input.num{width:100%}.auto-step-head{display:flex;align-items:center;gap:8px}.auto-step-n{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--auto);font-weight:700}.auto-step-head .btn-remove{margin-left:auto}.auto-step-spacer{flex:1}.auto-step-grip{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.95rem}.auto-step-name{width:120px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text);padding:2px 6px;font-size:.78rem}.auto-step-name:hover{border-color:var(--border)}.auto-step-name:focus{outline:none;border-color:var(--accent);background:var(--bg)}.auto-step-name::placeholder{color:var(--muted)}.auto-step.dragging{opacity:.5}.sfx-row{display:flex;flex-direction:column;gap:6px;background:var(--panel-2);border:1px dashed var(--border);border-radius:8px;padding:10px}.sfx-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sfx-row .slot{background:var(--panel)}.publish-modal{padding:14px;display:flex;flex-direction:column;gap:10px}.publish-modal p{margin:0;color:var(--muted);font-size:.88rem}.link-field{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.pub-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.pub-info{display:flex;flex-direction:column;min-width:0}.pub-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-date{font-size:.75rem;color:var(--muted)}.seek{display:flex;align-items:center;gap:10px}.seek-bar{position:relative;flex:1;height:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:99px;cursor:pointer;touch-action:none}.seek-fill{position:absolute;top:0;left:0;bottom:0;width:0;background:var(--accent);border-radius:99px}.seek-head{position:absolute;top:50%;left:0;width:12px;height:12px;background:var(--text);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.seek-bar.has-wave{height:46px;background:var(--signal-bg);border-radius:6px;overflow:hidden}.seek-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.seek-bar.has-wave .seek-fill{display:none}.seek-dim{position:absolute;top:0;right:0;bottom:0;width:0;background:color-mix(in srgb,var(--signal-bg) 60%,transparent);pointer-events:none}.seek-bar.has-wave .seek-head{top:0;bottom:0;height:auto;width:2px;background:var(--accent-2);border-radius:0;transform:translate(-50%)}.seek-time{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--muted);width:88px;text-align:right}.seek-lock{font-size:.74rem;color:var(--accent);white-space:nowrap}.seek.locked .seek-bar{opacity:.45;cursor:not-allowed}.seek.locked .seek-time{display:none}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{display:flex;flex-direction:column;gap:12px;width:min(360px,90vw);padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.auth-card h2{margin:0;color:var(--accent);font-size:1.2rem}.auth-sub{margin:0 0 6px;color:var(--muted);font-size:.85rem}.auth-input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-error{color:var(--red);margin:0;min-height:1em;font-size:.82rem}.users-panel h4{margin:14px 0 6px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.user-row,.user-add{display:flex;gap:8px;align-items:center;margin:6px 0}.user-name{flex:1}.users-panel .muted{color:var(--muted);font-size:.82rem}.user-tag{color:var(--accent-2);font-size:.82rem}.version-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--accent);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:680px){.rack{grid-template-columns:1fr}.module,.module.half{grid-column:span 1}.fx-layout{flex-direction:column;align-items:stretch}.param-label{width:120px}.grid2{grid-template-columns:1fr}.scene-bar{gap:10px;padding:0 10px}.level-meter-h{width:84px}}body.retro-mode{font-family:PPOT Pixel,ui-monospace,Courier New,monospace;font-size:13px;letter-spacing:.02em}body.era-1983{--accent: #f9b71b}body.era-1987{--bg: #0e131c;--panel: #17202e;--panel-2: #202b3d;--border: #324258;--muted: #93a1b5;--accent: #ff8b2e;--on-accent: #0e131c;--signal-bg: #090c12}body.era-1991{--bg: #150f1f;--panel: #201830;--panel-2: #2b2140;--border: #3f3358;--muted: #a99ec0;--accent: #b8a9f0;--on-accent: #150f1f;--signal-bg: #0e0a14}.retro-selector{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:400;display:flex;align-items:stretch;gap:4px;padding:5px;background:var(--panel);border:2px solid var(--border);box-shadow:0 4px 18px #00000080;font-family:PPOT Pixel,ui-monospace,monospace}.retro-selector[hidden]{display:none}.retro-selector.docked{position:static;transform:none;bottom:auto;left:auto;z-index:auto;padding:0;gap:3px;background:none;border:none;box-shadow:none}.retro-selector.docked .retro-sel-cap{display:none}.retro-selector.docked .retro-sel-era{padding:3px 8px}.retro-selector.docked .retro-sel-exit{padding:3px 8px;font-size:12px}.retro-sel-cap{align-self:center;color:var(--muted);font-size:10px;padding:0 7px;letter-spacing:.12em}.retro-sel-era{display:flex;flex-direction:column;align-items:center;line-height:1;padding:5px 10px;background:var(--panel-2);color:var(--muted);border:2px solid var(--border);cursor:pointer}.retro-sel-year{font-size:13px}.retro-sel-sys{font-size:8px;opacity:.75;margin-top:3px;letter-spacing:.04em}.retro-sel-era:hover{color:var(--text)}.retro-sel-era.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.retro-sel-exit{align-self:stretch;padding:5px 11px;background:var(--panel-2);color:var(--muted);border:2px solid var(--border);cursor:pointer;font-size:14px}.retro-sel-exit:hover{color:var(--red);border-color:var(--red)}body.retro-mode button,body.retro-mode input,body.retro-mode select,body.retro-mode textarea,body.retro-mode option{font-family:inherit}body.retro-mode *{border-radius:0!important}body.retro-mode .btn,body.retro-mode .btn-icon,body.retro-mode .param-input,body.retro-mode .param-num,body.retro-mode input,body.retro-mode select,body.retro-mode textarea,body.retro-mode .module,body.retro-mode .fx,body.retro-mode .seq-brick,body.retro-mode .seq-pat-tile,body.retro-mode .seq-group-box,body.retro-mode .pop-menu,body.retro-mode .app-toast,body.retro-mode .eqcurve,body.retro-mode .seq-wave{border-width:2px}body.retro-mode .icon{shape-rendering:crispEdges;stroke-width:2.3px;stroke-linecap:butt;stroke-linejoin:miter}body.retro-mode .seq-tl-ph{width:4px}body.retro-mode .seq-ruler-ph{width:5px;margin-left:-2px}body.retro-mode .seq-ruler-ph:before{width:10px;height:10px;top:-5px;left:-5px}body.retro-mode .song-clip-fade-grip:before{transform:translate(-50%);width:6px;height:6px;top:3px}body.retro-mode .song-clip-curve{width:8px;height:8px}body.retro-mode .song-fade-svg{shape-rendering:crispEdges}body.retro-mode .song-dock{border-width:2px}body.retro-mode .song-lane.selected{box-shadow:none;border-width:2px;border-color:var(--lane-c, var(--accent))}body.retro-mode .song-dock-body .song-pal-sec+.song-pal-sec{border-left-width:2px}body.retro-mode .song-clip-ghost{border-width:2px}body.retro-mode .song-bar-tick{width:2px;image-rendering:pixelated}body.retro-mode .song-bar-tick.major{width:2px;height:8px}body.retro-mode .song-loop-band.selected{box-shadow:none;border-width:2px;border-color:var(--zc, #78c8ff)}body.retro-mode .song-pad{border-width:2px;border-left-width:4px}body.retro-mode .song-pad.armed{box-shadow:none;outline:2px solid var(--pc, var(--accent));outline-offset:1px}body.retro-mode .song-zonepop{border-width:2px;box-shadow:4px 4px #0009;padding:8px}body.retro-mode .song-zonepop-dot{width:8px;height:8px}body.retro-mode .song-zonepop-foot{border-top-width:2px}body.retro-mode .song-loop-band:hover{border-color:var(--zc, #78c8ff)}body.retro-mode .module.collapsed .module-summary{border-top-width:2px;gap:10px;font-size:.7rem}body.retro-mode .module.collapsed .ms-fact+.ms-fact:before{content:"-";margin-right:10px;opacity:1}body.retro-mode .module.collapsed .module-summary.ms-empty{font-style:normal;text-transform:uppercase;letter-spacing:.08em}.song-hint{color:var(--muted);font-size:.78rem;margin:4px 0 8px}.song-ruler{position:relative;height:15px;overflow:hidden;border-bottom:1px solid var(--border);margin:0 9px 3px;cursor:pointer;touch-action:none}.song-ph-mark{position:absolute;bottom:0;width:0;height:0;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--accent-2);pointer-events:none}.song-markers-wrap,.song-loopzone-wrap{margin-top:2px}.song-loopzone-cap{display:flex;align-items:center;gap:6px;margin:0 9px 3px;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.song-loopzone-cap-t{font-weight:700}.song-loopzone{position:relative;height:18px;margin:0 9px 6px;overflow:hidden;background:#ffffff06;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0a;cursor:crosshair}.song-loop-band{position:absolute;top:1px;bottom:1px;box-sizing:border-box;display:flex;align-items:stretch;justify-content:space-between;background:color-mix(in srgb,var(--zc, #78c8ff) 16%,transparent);border:1px solid color-mix(in srgb,var(--zc, #78c8ff) 55%,transparent);border-radius:4px;cursor:pointer}.song-loop-band.selected{border-color:var(--zc, #78c8ff);box-shadow:0 0 0 1px var(--zc, #78c8ff),inset 0 0 8px color-mix(in srgb,var(--zc, #78c8ff) 20%,transparent);z-index:2}.song-loop-band{cursor:grab}.song-loop-band:active{cursor:grabbing}.song-loop-band:hover{border-color:color-mix(in srgb,var(--zc, #78c8ff) 85%,transparent)}.song-loop-edge{width:7px;flex:0 0 auto;cursor:ew-resize;background:color-mix(in srgb,var(--zc, #78c8ff) 60%,transparent)}.song-loop-edge.l{border-radius:3px 0 0 3px}.song-loop-edge.r{border-radius:0 3px 3px 0}.song-loop-mid{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:.58rem;font-weight:700;letter-spacing:.06em;color:color-mix(in srgb,var(--zc, #78c8ff) 75%,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;-webkit-user-select:none;user-select:none}.song-loop-mid:active{cursor:grabbing}.song-zonepop{position:absolute;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:240px}.song-zonepop-head{display:flex;align-items:center;gap:6px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.song-zonepop-dot{width:9px;height:9px;border-radius:50%;background:var(--zc, var(--accent))}.song-zonepop-row{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:4px 8px}.song-zonepop-hint{grid-column:2;font-size:.6rem;color:var(--muted)}.song-zonepop-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:8px}.song-pads{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 9px 6px}.song-pads-cap{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:2px}.song-pad{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-left:3px solid var(--pc, var(--accent));border-radius:6px;background:var(--panel);color:var(--text);font-size:.7rem;font-weight:600;cursor:pointer;transition:border-color .12s,box-shadow .12s,opacity .12s}.song-pad:hover:not(:disabled){border-color:var(--pc, var(--accent))}.song-pad:disabled{opacity:.38;cursor:default}.song-pad.armed{border-color:var(--pc, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--pc, var(--accent)) 45%,transparent)}.song-pad-k{font-size:.62rem;opacity:.7}.song-pad-n{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-pad-continue{--pc: var(--muted)}.song-pad-marker{--pc: #5ab1ff}.song-markers-cap{display:flex;align-items:center;gap:6px;margin:0 9px 3px;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.song-markers-cap-t{font-weight:700}.song-markers-ico{opacity:.85}.song-markers-hint{text-transform:none;letter-spacing:0;font-size:.66rem;opacity:.65}.song-markers{position:relative;height:18px;margin:0 9px 6px;overflow:hidden;background:#ffffff06;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0a}.song-marker{position:absolute;top:1px;display:inline-flex;align-items:center;gap:3px;height:15px;padding-left:3px;border-left:2px solid var(--mc, var(--accent));cursor:grab;white-space:nowrap}.song-marker:active{cursor:grabbing}.song-marker-pin{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:3px;background:var(--mc, var(--accent));color:#14100c;font-size:.54rem;font-weight:800}.song-marker-name{font-size:.62rem;color:var(--text, #e9e4e0);max-width:120px;overflow:hidden;text-overflow:ellipsis}.song-marker-pop{position:fixed;z-index:100;display:flex;gap:6px;align-items:center;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 8px;box-shadow:0 6px 20px #0006}.song-marker-pop .param-input{width:auto}.song-marker-pop input.param-input{width:120px}.song-bar-num{position:absolute;top:0;font-size:.62rem;color:var(--muted);transform:translate(3px);font-variant-numeric:tabular-nums;pointer-events:none}.song-bar-tick{position:absolute;bottom:0;width:1px;height:4px;background:#e9e4e029}.song-bar-tick.major{height:7px;background:#e9e4e05c}.song-scroll{display:block;width:auto;margin:3px 9px 6px;visibility:hidden}.song-zoom-wrap{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.song-zoom-label{font-size:.66rem;color:var(--muted);min-width:26px;text-align:center;font-variant-numeric:tabular-nums}.song-ctl{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:3px 8px}.song-ctl-cap{flex:0 0 auto;font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;margin-right:2px}.song-bottom{align-items:center;gap:8px;flex-wrap:wrap}.song-export{gap:5px}.song-export-status{font-size:.72rem;color:var(--muted)}.song-export-note{font-size:.72rem;color:var(--muted);font-style:italic}.song-tempo-warn{display:flex;align-items:center;gap:8px;margin:0 9px 6px;padding:6px 10px;font-size:.76rem;color:#f6c453;background:#f6c45317;border:1px solid rgba(246,196,83,.35);border-radius:8px}.song-tempo-warn-ico{flex:0 0 auto;opacity:.95}.song-tempo-warn-t{flex:1;min-width:0}.mix-ctl{display:inline-flex;align-items:center;gap:5px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:3px 8px}.mix-export-status{font-size:.72rem;color:var(--muted)}.song-lanes{display:flex;flex-direction:column;gap:8px}.song-lane{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:6px;transition:border-color .12s,box-shadow .12s}.song-lane.selected{border-color:var(--lane-c, var(--accent));box-shadow:inset 0 0 0 1px var(--lane-c, var(--accent))}.song-lane:not(.selected) .song-track{height:26px}.song-lane:not(.selected) .song-clip-label{font-size:.64rem}.song-lane-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer}.song-lane-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.song-lane-seq{flex:0 0 auto;max-width:160px}.song-lane-vol-wrap{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}.song-lane-vol-cap{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.song-lane-vol{width:74px}.song-toolbar{align-items:center;gap:12px}.song-toolbar .song-hint{flex:1;min-width:0}.song-snap-wrap{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.song-snap{width:92px}.song-dock{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:6px;max-height:132px;overflow-y:auto}.song-dock-cap{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.song-dock-t{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.song-dock-hint{font-size:.66rem;color:var(--muted)}.song-dock-body{display:flex;flex-wrap:wrap;gap:10px 0;align-items:stretch}.song-dock-body .song-pal-sec{padding-right:20px}.song-dock-body .song-pal-sec+.song-pal-sec{flex:1 1 auto;padding-right:0;padding-left:22px;border-left:1px solid var(--border)}.song-dock .song-pat-chip{font-size:.82rem;padding:3px 11px;border-left-width:4px}.song-dock .song-pal-group{gap:8px}.song-dock .song-pal-sec-body{gap:7px}.song-pat-palette{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-start;margin:1px 0 3px}.song-pal-sec{display:flex;flex-direction:column;gap:4px;min-width:0}.song-pal-sec-head{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.song-pal-sec-head:hover{color:var(--text)}.song-pal-caret{display:inline-block;width:.8em;font-size:.7rem}.song-pal-count{opacity:.65}.song-pal-sec-body{display:flex;flex-direction:column;gap:5px}.song-pal-chips{display:flex;flex-wrap:wrap;gap:5px}.song-pal-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.song-pal-glabel{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-left:3px solid var(--gc, var(--border));padding:1px 5px}.song-pat-chip{display:inline-flex;align-items:center;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--c, var(--accent));border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:600;cursor:grab}.song-pat-chip:active{cursor:grabbing}.song-track{position:relative;height:48px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--signal-bg);transition:height .12s}.song-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.song-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#e9e4e012}.song-grid-line.bar{width:1px;background:#e9e4e047}.song-clip{position:absolute;top:3px;bottom:3px;min-width:14px;background:color-mix(in srgb,var(--c, var(--accent)) 80%,transparent);border:1px solid color-mix(in srgb,var(--c, var(--accent)) 60%,#000);border-radius:5px;display:flex;align-items:center;gap:4px;padding:0 4px;cursor:grab;overflow:hidden}.song-clip:active{cursor:grabbing}.song-clip-label{position:relative;z-index:3;font-size:.72rem;font-weight:700;color:#14100c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-clip-fade{position:absolute;top:0;bottom:0;z-index:2;pointer-events:none}.song-clip-fade-in{left:0}.song-clip-fade-out{right:0}.song-fade-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.song-fade-fill{fill:#0a060880}.song-clip-fade-grip{position:absolute;top:0;width:12px;height:11px;transform:translate(-50%);z-index:4;cursor:ew-resize}.song-clip-fade-grip:before{content:"";position:absolute;top:2px;left:50%;width:7px;height:7px;transform:translate(-50%) rotate(45deg);background:#14100c59}.song-clip:hover .song-clip-fade-grip:before{background:#14100ce6}.song-clip-curve{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#14100c66;z-index:4;cursor:ns-resize}.song-clip:hover .song-clip-curve{background:#14100cd9}.song-clip-del{position:relative;z-index:3;margin-left:auto;border:0;background:transparent;color:#14100c;cursor:pointer;font-size:.72rem;padding:0 2px;opacity:.7}.song-clip-del:hover{opacity:1}.song-ph{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);pointer-events:none}.song-chip-k{font-size:.58rem;font-weight:800;background:var(--c, var(--accent));color:#14100c;border-radius:3px;padding:0 3px;margin-right:5px}.song-clip.is-brick{border-style:dashed}.song-clip-ghost{top:3px;bottom:3px;opacity:.62;pointer-events:none;z-index:5;background:color-mix(in srgb,var(--c, var(--accent)) 55%,transparent);border:1.5px dashed rgba(255,255,255,.85)}.song-clip-ghost.rejected{background:color-mix(in srgb,var(--red, #e04b4b) 45%,transparent);border-color:var(--red, #e04b4b)}.song-clip.overlap{outline:2px solid #ff5a5a;outline-offset:-1px;box-shadow:inset 0 0 0 1px #0000004d,0 0 0 2px #ff5a5a59}.seq-pat-head .btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.seq-fx-clip-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.seq-fx-clip-name{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.seq-clip.fx-selected{outline:2px solid var(--accent);outline-offset:1px;z-index:2}.seq-clip-ghost{opacity:.6;pointer-events:none;border:1.5px dashed rgba(255,255,255,.85);z-index:3}.seq-clip.overlap{outline:2px solid #ff5a5a;outline-offset:-1px;box-shadow:inset 0 0 0 1px #0000004d,0 0 0 2px #ff5a5a59}body.retro-mode .seq-clip-ghost{border-radius:0}.seq-pat-editor.fx-mode .seq-clip{cursor:pointer}body.retro-mode input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:var(--panel-2);border:2px solid var(--border)}body.retro-mode input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-2px;background:var(--accent);border:0;border-radius:0}body.retro-mode input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border:0;border-radius:0}body.retro-mode .mix-fader-track .fader{height:130px;width:30px;background:transparent;border:0}body.retro-mode .mix-fader-track .fader::-webkit-slider-thumb{width:30px;height:12px;background:transparent}body.retro-mode .mix-fader-track .fader::-moz-range-thumb{width:30px;height:12px;background:transparent;border:0}body.retro-mode .level-readout{font-family:inherit}body.retro-mode input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:var(--panel-2);border:2px solid var(--border);vertical-align:middle;cursor:pointer}body.retro-mode input[type=checkbox]:checked{background:var(--accent)}.seq-gen-wrap{max-height:176px;overflow-y:auto;margin-top:6px;border:1px solid var(--border);border-radius:8px;background:var(--signal-bg)}.seq-gen-canvas{width:100%;display:block}body.retro-mode .seq-gen-wrap{border-width:2px;border-radius:0}.song-clip-rz{position:absolute;top:0;bottom:0;right:0;width:8px;cursor:ew-resize}.song-clip-rz-l{position:absolute;top:0;bottom:0;left:0;width:8px;cursor:ew-resize;z-index:1}.song-clip-rz:hover,.song-clip-rz-l:hover{background:#ffffff40}.song-clip.is-trimmed{box-shadow:inset 3px 0 #00000059}.seq-variant-btn{flex-shrink:0;font-size:.72rem}.seq-variant-btn.on{background:#4ec9ff;color:#06131a;border-color:#4ec9ff}.seq-gen-tag{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#4ec9ff;color:#06131a;border-radius:4px;padding:1px 5px;flex-shrink:0}.seq-gen-offline{background:var(--accent);color:var(--on-accent);opacity:.85}.seq-rebuild-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:#0a0608b8;color:var(--text);font-size:.92rem;border-radius:var(--radius)}.seq-variant-panel{margin:8px 0 4px;padding:12px 14px;border:1px solid rgba(78,201,255,.35);border-left:3px solid #4ec9ff;border-radius:8px;background:#4ec9ff0f;display:flex;flex-direction:column;gap:9px}.seq-variant-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.seq-variant-out{font-size:.74rem;color:#4ec9ff;font-variant-numeric:tabular-nums}.seq-variant-line{display:grid;grid-template-columns:56px 1fr 68px;align-items:center;gap:10px;font-size:.8rem}.seq-variant-range{width:100%;accent-color:#4ec9ff}.seq-variant-val{text-align:right;font-size:.76rem;color:var(--text);font-variant-numeric:tabular-nums}.seq-variant-actions{gap:8px;align-items:center}.seq-variant-line--engine{grid-template-columns:56px auto 1fr}.seq-variant-engine{max-width:220px;font-size:.76rem}.seq-variant-status{font-size:.76rem;color:#4ec9ff;font-variant-numeric:tabular-nums}body.retro-mode .seq-variant-panel{border-radius:0}#rack.loading>.module{visibility:hidden}.rack-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:.95rem;background:var(--bg)}.rack-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:rackspin .8s linear infinite}@keyframes rackspin{to{transform:rotate(360deg)}}body.retro-mode .rack-spinner{width:24px;height:24px;border:2px solid #3a2730;border-radius:0;background:none;animation:none;position:relative;box-sizing:border-box}body.retro-mode .rack-spinner:before{content:"";position:absolute;width:6px;height:6px;background:var(--accent);animation:retro-chase .72s steps(1) infinite}@keyframes retro-chase{0%,to{top:0;left:0}12.5%{top:0;left:7px}25%{top:0;left:14px}37.5%{top:7px;left:14px}50%{top:14px;left:14px}62.5%{top:14px;left:7px}75%{top:14px;left:0}87.5%{top:7px;left:0}}body.retro-mode ::-webkit-scrollbar{width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}body.retro-mode ::-webkit-scrollbar-track{background:var(--bg);border-radius:0!important}body.retro-mode ::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0!important;box-shadow:inset 0 0 0 2px var(--bg)}body.retro-mode ::-webkit-scrollbar-thumb:hover{background:var(--accent)}body.retro-mode ::-webkit-scrollbar-corner{background:var(--bg)}body.retro-mode *{scrollbar-color:var(--accent) var(--bg);scrollbar-width:auto}.ppot-sb-host{position:relative}.ppot-sb-off{scrollbar-width:none}.ppot-sb-off::-webkit-scrollbar{width:0;height:0;display:none}.ppot-sb{position:absolute;z-index:6;opacity:.55;transition:opacity .15s;pointer-events:none}.ppot-sb-host:hover .ppot-sb,.ppot-sb.dragging{opacity:1}.ppot-sb-v{top:2px;right:2px;bottom:2px;width:10px}.ppot-sb-h{left:2px;right:2px;bottom:2px;height:10px}.ppot-sb-host--resize .ppot-sb-v{bottom:16px}.ppot-sb-thumb{position:absolute;background:#e9e4e047;border-radius:6px;pointer-events:auto;cursor:default}.ppot-sb-v .ppot-sb-thumb{right:0;top:0;width:8px}.ppot-sb-h .ppot-sb-thumb{bottom:0;left:0;height:8px}.ppot-sb-thumb:hover{background:#e9e4e073}body.retro-mode .ppot-sb{opacity:1}body.retro-mode .ppot-sb-v{width:14px}body.retro-mode .ppot-sb-h{height:14px}body.retro-mode .ppot-sb-thumb{background:var(--accent);border-radius:0;box-shadow:inset 0 0 0 2px var(--bg)}body.retro-mode .ppot-sb-v .ppot-sb-thumb{width:12px}body.retro-mode .ppot-sb-h .ppot-sb-thumb{height:12px}body.retro-mode .ppot-sb-thumb:hover{background:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:none}.page-name:focus{border-color:var(--accent)}body.retro-mode :focus-visible{outline-color:var(--accent);outline-offset:0}