:root{--panel-bg:#10121a9e;--panel-border:#ffffff1f;--panel-fg:#ecf0f8eb;--panel-fg-dim:#ecf0f88c;--accent:#47bbf5;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html.bg-black,html.bg-black body{background:#000}html.bg-transparent,html.bg-transparent body{background:0 0}html.cursor-hidden,html.cursor-hidden *{cursor:none!important}#vj-canvas,#vj-canvas-gl{width:100vw;height:100vh;display:block;position:fixed;inset:0}#vj-canvas{z-index:1}#vj-canvas-gl{z-index:0}#vj-canvas-gl.canvas-lifted{z-index:2}.canvas-hidden{display:none}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);width:280px;max-height:calc(100vh - 32px);color:var(--panel-fg);-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:10;-webkit-user-select:none;user-select:none;border-radius:16px;padding:16px 16px 14px;font-size:13px;line-height:1.4;transition:opacity .55s;position:fixed;top:16px;left:16px;overflow-y:auto;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f}.panel.faded{opacity:0;pointer-events:none}.panel.hidden{display:none}.panel-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.panel-title{letter-spacing:.04em;font-size:14px;font-weight:650}.panel-sub{color:var(--panel-fg-dim);font-size:11px}.row{margin-bottom:11px}.row-label{letter-spacing:.03em;color:var(--panel-fg-dim);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;display:flex}.row-value{color:var(--panel-fg);font-variant-numeric:tabular-nums;text-transform:none}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--panel-fg);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:8px 10px;font-size:13px;transition:background .15s,border-color .15s}.btn:hover{background:#ffffff1f}.btn:active{background:#ffffff2e}.btn.primary{color:#fff;background:linear-gradient(#2ab0f4,#0c87df);border-color:#0000;font-weight:600}.btn.primary.stop{background:linear-gradient(#e33b49,#cd1d3b)}.btn.toggle.on{background:#5ab4ff38;border-color:#78c3ff80}.btn.icon{text-align:center;min-width:36px;padding:8px 0}.btn:disabled{opacity:.5;cursor:not-allowed}.row.look .btn-row.tight{align-items:stretch}.seed-value{text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:150px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}.seed-input{appearance:none;border:1px solid var(--panel-border);width:100%;color:var(--panel-fg);letter-spacing:.01em;background:#00000059;border-radius:10px;flex:1;padding:7px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.seed-input:focus{background:#00000080;border-color:#78c3ff99;outline:none}.btn.gacha{text-align:center;color:#fff;background:linear-gradient(#a940dd,#4d1fd6);border-color:#0000;flex:none;min-width:44px;padding:6px 0;font-size:17px;line-height:1}.btn.gacha:hover{background:linear-gradient(#c453ea,#5d23e7)}.btn.gacha:active{transform:scale(.94)}.btn-row{gap:6px;display:flex}.btn-row>*{flex:1}.btn-row.tight>.btn.icon{flex:none}select,input[type=number]{appearance:none;border:1px solid var(--panel-border);width:100%;color:var(--panel-fg);cursor:pointer;background:#00000059;border-radius:10px;padding:7px 9px;font-size:13px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.meters{align-items:center;gap:8px;margin:4px 0 6px;display:flex}.level-meter{flex:1;min-width:0}.level-track{background:#ffffff14;border-radius:6px;height:11px;position:relative;overflow:hidden}.level-fill{z-index:1;transform-origin:0;background:linear-gradient(90deg,#30e88c,#f4d434,#ef3939);border-radius:6px;transition:transform 60ms linear;position:absolute;inset:0 auto 0 0}.level-safezone{z-index:2;pointer-events:none;background:#ffffff24;position:absolute;top:0;bottom:0;box-shadow:inset 1px 0 #ffffff38,inset -1px 0 #ffffff38}.level-tick-mark{z-index:3;pointer-events:none;background:#00000047;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.level-peak{z-index:4;pointer-events:none;background:#fff;width:2px;transition:left 50ms linear;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 4px 1px #ffffffb3}.level-ticks{height:10px;margin-top:2px;position:relative}.level-tick-label{font-variant-numeric:tabular-nums;color:var(--panel-fg-dim);font-size:8.5px;line-height:1;position:absolute;transform:translate(-50%)}.clip-led{letter-spacing:.04em;color:var(--panel-fg-dim);border:1px solid var(--panel-border);background:#ffffff0f;border-radius:5px;flex:none;padding:2px 5px;font-size:9px;font-weight:700;transition:background .1s,color .1s,border-color .1s,box-shadow .1s}.clip-led.on{color:#fff;background:#e42535;border-color:#f04c59;box-shadow:0 0 8px 1px #ff3c3cb3}.beat-dot{background:#ffffff26;border-radius:50%;flex:none;width:12px;height:12px;transition:background 80ms,box-shadow .12s;box-shadow:0 0 #78c8ff00}.beat-dot.on{background:#51c2fb;box-shadow:0 0 14px 3px #78c8ffcc}.no-signal{text-align:center;letter-spacing:.08em;color:#fddda5;background:#f0aa3224;border:1px solid #f5b94666;border-radius:8px;margin:0 0 8px;padding:5px 8px;font-size:10.5px;font-weight:700}.no-signal.hidden{visibility:hidden}.band-bars{flex-direction:column;gap:3px;margin:0 0 10px;display:flex}.band-bar{align-items:center;gap:6px;display:flex}.band-label{letter-spacing:.02em;color:var(--panel-fg-dim);text-align:center;flex:0 0 12px;font-size:9px;font-weight:650}.band-track{background:#ffffff12;border-radius:3px;flex:1;height:4px;position:relative;overflow:hidden}.band-fill{transform-origin:0;border-radius:3px;transition:transform 60ms linear;position:absolute;inset:0 auto 0 0}.band-fill.bass{background:#4c9ef0}.band-fill.mid{background:#3cdd8c}.band-fill.treble{background:#f6bb31}.row.tempo{border-bottom:1px solid var(--panel-border);padding-bottom:11px}.tempo-readout{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bpm-value{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--panel-fg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:26px;font-weight:650;line-height:1}.bpm-unit{color:var(--panel-fg-dim);margin-left:5px;font-size:11px;font-weight:500}.tempo-chip{letter-spacing:.06em;border:1px solid #0000;border-radius:999px;flex:none;padding:2px 8px;font-size:10px;font-weight:650}.tempo-chip.lock{color:#a1f7c5;background:#3cdc8229;border-color:#50e69673}.tempo-chip.search{color:#fcd99c;background:#f0aa3229;border-color:#f5b9466b}.tempo-chip.tap{color:#d9b6fb;background:#aa6ef02e;border-color:#b982f580}.beat-dots{gap:8px;margin-bottom:8px;display:flex}.beat-pip{background:#ffffff24;border-radius:50%;width:9px;height:9px;transition:background 80ms,box-shadow .12s}.beat-pip.downbeat{box-shadow:inset 0 0 0 1px #ffffff59}.beat-pip.active{background:#51c2fb;box-shadow:0 0 10px 2px #78c8ffbf}.beat-pip.downbeat.active{background:#ffdb4c;box-shadow:0 0 12px 2px #ffd764d9}.tempo-buttons .btn{padding:7px 4px;font-size:12px}.tempo-buttons .btn.tap{color:#fff;background:linear-gradient(#a940dd,#4d1fd6);border-color:#0000;font-weight:650}.tempo-buttons .btn.tap:hover{background:linear-gradient(#c453ea,#5d23e7)}.tempo-buttons .btn.tap:active{transform:scale(.96)}.error{color:#fab3a8;background:#dc3c3229;border:1px solid #dc504666;border-radius:10px;margin:4px 0 10px;padding:8px 10px;font-size:12px}.cheats{border-top:1px solid var(--panel-border);color:var(--panel-fg-dim);margin-top:10px;padding-top:10px;font-size:10.5px;line-height:1.6}.cheats kbd{min-width:14px;color:var(--panel-fg);text-align:center;background:#ffffff1a;border:1px solid #ffffff24;border-radius:5px;margin:0 1px;padding:1px 4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;display:inline-block}.tl-panel{background:var(--panel-bg);border:1px solid var(--panel-border);width:340px;max-height:calc(100vh - 32px);color:var(--panel-fg);-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:10;-webkit-user-select:auto;user-select:auto;border-radius:16px;padding:14px 14px 12px;font-size:13px;line-height:1.4;position:fixed;top:16px;right:16px;overflow-y:auto;box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f}.tl-panel.hidden{display:none}.tl-header{margin-bottom:10px}.tl-panel.collapsed{overflow:visible}.tl-panel.collapsed .tl-header{margin-bottom:0}.tl-panel.collapsed .tl-body{display:none}.tl-section{border-bottom:1px solid var(--panel-border);margin-bottom:12px;padding-bottom:10px}.tl-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tl-kv{align-items:baseline;gap:8px;margin-bottom:2px;font-size:11px;display:flex}.tl-k{color:var(--panel-fg-dim);text-transform:uppercase;letter-spacing:.03em;flex:0 0 62px}.tl-v{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.tl-note{color:var(--panel-fg-dim);margin-top:4px;font-size:10.5px;line-height:1.5}.tl-json{appearance:none;border:1px solid var(--panel-border);width:100%;min-height:140px;color:var(--panel-fg);resize:vertical;background:#00000059;border-radius:10px;margin-bottom:6px;padding:7px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.45;display:block}.tl-json:focus{background:#00000080;border-color:#78c3ff99;outline:none}.tl-rows{flex-direction:column;gap:4px;display:flex}.tl-row{background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.tl-anchor{font-variant-numeric:tabular-nums;color:var(--panel-fg-dim);flex:none;font-family:ui-monospace,SF Mono,Menlo,monospace}.tl-intent{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-remove{flex:none;padding:2px 6px;line-height:1}.tl-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--panel-fg-dim);background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:1px 6px;font-size:9.5px}.tl-badge.locked{color:#fad89e;background:#ffbe502e;border-color:#ffbe5066}.tl-badge.fired{color:#b1dcfb;background:#5ab4ff33;border-color:#78c3ff73}.tl-issues{color:#fab3a8;margin:6px 0 0;padding-left:16px;font-size:11px;line-height:1.5;list-style:outside}div.tl-issues{padding-left:0;list-style:none}.tl-form-row{align-items:center;gap:6px;margin-top:6px;display:flex}.tl-form-row>.btn.small{flex:none}.btn.small{border-radius:8px;padding:5px 8px;font-size:11px}.btn.small.on{background:#ff5a5a3d;border-color:#ff787880}.tl-panel input[type=number]{flex:none;width:72px;padding:5px 8px;font-size:12px}.tl-panel select{flex:none;width:auto;padding:5px 8px;font-size:12px}.tl-panel .seed-input{min-width:0;padding:5px 8px;font-size:11px}.tl-file{min-width:0;color:var(--panel-fg-dim);flex:1;font-size:10px}.tl-file::file-selector-button{appearance:none;border:1px solid var(--panel-border);color:var(--panel-fg);cursor:pointer;background:#ffffff0f;border-radius:8px;margin-right:6px;padding:4px 8px;font-size:11px}html.deck-mode,html.deck-mode body,html.deck-mode #root{background:#0c0e14;height:auto;min-height:100%;overflow:auto}.deck-root{min-height:100%;color:var(--panel-fg);flex-direction:column;gap:12px;padding:16px 18px 24px;display:flex;overflow:auto}.deck-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.deck-title{letter-spacing:.04em;font-size:15px;font-weight:650}.deck-sub{color:var(--panel-fg-dim);margin-top:2px;font-size:11px}.deck-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deck-banks{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.deck-banks-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deck-banks-label{letter-spacing:.06em;text-transform:uppercase;color:var(--panel-fg-dim);font-size:11px}.deck-bank-slot{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;min-width:32px;padding:6px 8px;font-weight:650}.deck-bank-slot.empty{opacity:.4}.deck-bank-name{appearance:none;border:1px solid var(--panel-border);width:88px;color:var(--panel-fg);background:#00000059;border-radius:10px;padding:6px 8px;font-size:12px}.deck-bank-json{resize:vertical;appearance:none;border:1px solid var(--panel-border);width:100%;min-height:48px;color:var(--panel-fg);background:#00000059;border-radius:10px;padding:7px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.deck-midi{border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.deck-midi-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deck-midi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--panel-fg-dim);font-size:11px}.deck-midi-unsupported{color:#f8bc77;font-size:13px}.deck-midi-badge{letter-spacing:.04em;text-transform:uppercase;color:#b4dcffeb;border:1px solid #78c3ff73;border-radius:999px;padding:3px 8px;font-size:11px}.deck-midi-check,.deck-midi-cut{color:var(--panel-fg-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.deck-midi-cut input{appearance:none;border:1px solid var(--panel-border);width:64px;color:var(--panel-fg);background:#00000059;border-radius:10px;padding:7px 9px;font-size:13px}.deck-midi-name input{appearance:none;border:1px solid var(--panel-border);width:160px;color:var(--panel-fg);background:#00000059;border-radius:10px;padding:7px 9px;font-size:13px}.deck-midi-devices{color:var(--panel-fg-dim);font-size:11px}.deck-midi-actions{flex-wrap:wrap;gap:4px;display:flex}.deck-midi-action{padding:5px 8px;font-size:11px}.deck-midi-action.bound{border-color:#78c3ff66}.deck-midi-json{resize:vertical;appearance:none;border:1px solid var(--panel-border);width:100%;min-height:64px;color:var(--panel-fg);background:#00000059;border-radius:10px;padding:7px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.deck-banner .btn{margin-left:8px;padding:4px 8px;font-size:12px}.deck-console{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deck-console .btn.tap{letter-spacing:.04em;font-weight:700}.deck-scene-select{flex:none;width:auto;min-width:148px}.deck-hue{align-items:center;min-width:140px;display:flex}.deck-hue input[type=range]{width:140px}.deck-audio-stopped{color:#ee5858;letter-spacing:.04em;font-weight:700}.deck-status{color:var(--panel-fg-dim);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;gap:8px 14px;font-size:11px;display:flex}.deck-status strong{color:var(--panel-fg);text-transform:none;font-weight:600}.deck-banner{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--panel-fg);border-radius:10px;padding:8px 12px;font-size:13px}.deck-banner.warn{color:#f8bc77;border-color:#ffb45073}.deck-grid{grid-template-rows:repeat(2,minmax(180px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.deck-slot{appearance:none;text-align:left;background:var(--panel-bg);border:1px solid var(--panel-border);min-height:132px;color:var(--panel-fg);cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.deck-slot:hover{background:#ffffff0f}.deck-slot.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.deck-slot.cursor{box-shadow:0 0 0 1px #ffffff73}.deck-slot.active.cursor{box-shadow:0 0 0 1px var(--accent), 0 0 0 3px #ffffff47}.deck-thumb{aspect-ratio:16/9;object-fit:cover;background:#05070c;border-radius:8px;width:100%;display:block}.deck-slot-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.deck-slot-key{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.deck-slot-label{letter-spacing:.06em;text-transform:uppercase;color:var(--panel-fg-dim);font-size:11px}.deck-slot-detail{color:var(--panel-fg);flex:1;font-size:12px;line-height:1.35}.deck-chip{border:1px solid var(--panel-border);border-radius:999px;width:100%;height:10px}@media (width<=720px){.deck-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}