/* Vigthoria Live Studio — isolated DAW workspace */
#liveLabTab{--ll-bg:#080b11;--ll-panel:#10151e;--ll-line:#263142;--ll-text:#edf4ff;--ll-dim:#8290a5;--ll-cyan:#20e3d4;--ll-violet:#8b5cf6;--ll-green:#64f58d;color:var(--ll-text);overflow:hidden}
.live-lab{background:radial-gradient(circle at 80% 0,#18213b 0,transparent 38%),var(--ll-bg);border:1px solid #273247;border-radius:18px;box-shadow:0 24px 70px #0009;min-width:0}
.ll-topbar,.ll-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--ll-line);background:#0d121aee}
.ll-mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 18px;border-bottom:1px solid var(--ll-line);background:#090e16}.ll-mode-switcher button{display:grid;gap:3px;padding:11px 13px;text-align:left;border:1px solid #2d3b50;border-radius:9px;background:#0f1621;color:var(--ll-text);cursor:pointer}.ll-mode-switcher button span{color:var(--ll-dim);font-size:10px}.ll-mode-switcher button.active{border-color:var(--ll-cyan);background:linear-gradient(135deg,#123238,#242044);box-shadow:0 0 0 2px #20e3d41c}.live-lab[data-workspace-mode="producer"] [data-workspaces]:not([data-workspaces~="producer"]),.live-lab[data-workspace-mode="remix"] [data-workspaces]:not([data-workspaces~="remix"]),.live-lab[data-workspace-mode="game"] [data-workspaces]:not([data-workspaces~="game"]){display:none}
.ll-brand{font-weight:800;letter-spacing:.12em}.ll-brand b{color:var(--ll-cyan)}.ll-status{margin-left:auto;display:flex;gap:8px;align-items:center;color:var(--ll-dim);font:12px ui-monospace,monospace}.ll-dot{width:8px;height:8px;border-radius:50%;background:var(--ll-green);box-shadow:0 0 14px var(--ll-green)}
.ll-build{padding:4px 8px;border:1px solid #315f6d;border-radius:999px;background:#10252b;color:#68f5df;font:800 9px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}
.ll-btn{border:1px solid #35445c;background:#151d29;color:var(--ll-text);padding:9px 13px;border-radius:7px;font-weight:700;cursor:pointer;transition:.18s}.ll-btn:hover,.ll-btn:focus-visible{border-color:var(--ll-cyan);box-shadow:0 0 0 2px #20e3d422}.ll-btn.primary{background:linear-gradient(135deg,#087f83,#6d42cc);border-color:#4fded4}.ll-btn.danger{color:#ff9b9b}.ll-btn:disabled{opacity:.45;cursor:not-allowed}
.ll-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);min-width:0}.ll-main,.ll-side{min-width:0;padding:16px}.ll-side{border-left:1px solid var(--ll-line);background:#0a0f16}.ll-panel{background:linear-gradient(145deg,#121923,#0c1119);border:1px solid var(--ll-line);border-radius:12px;margin-bottom:14px;overflow:hidden}.ll-panel-head{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--ll-line);font-weight:800;font-size:13px;letter-spacing:.05em}.ll-panel-body{padding:13px}.ll-meters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ll-meter{background:#070a10;border:1px solid #222d3d;padding:8px;border-radius:6px;color:var(--ll-dim);font:11px ui-monospace,monospace}.ll-meter strong{display:block;color:var(--ll-cyan);margin-top:3px}
.ll-sequencer{overflow-x:auto;padding-bottom:5px}.ll-row{display:grid;grid-template-columns:72px repeat(var(--grid-steps,16),minmax(28px,1fr));gap:5px;min-width:calc(77px + var(--grid-steps,16) * 33px);margin:5px 0}.ll-track{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#b9c4d5;font:700 11px ui-monospace,monospace}.ll-track small{color:var(--ll-cyan);font-size:8px}.ll-step{aspect-ratio:1;border-radius:4px;border:1px solid #2a374b;background:#111925;cursor:pointer;box-shadow:inset 0 -2px #080b11}.ll-step:nth-child(4n+2){border-left-color:#566780}.ll-step.active{background:linear-gradient(145deg,var(--track,#20e3d4),#384da2);border-color:#d9ffff;box-shadow:0 0 12px color-mix(in srgb,var(--track,#20e3d4) 65%,transparent)}.ll-step.playing{outline:2px solid #fff;outline-offset:1px}.ll-sequence-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ll-sequence-tools label{display:flex;align-items:center;gap:5px}.ll-sequence-tools select{width:70px;margin:0;padding:5px}
.ll-code{width:100%;min-height:145px;resize:vertical;background:#070a10;color:#b8ffd9;border:1px solid #2a374b;border-radius:7px;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;box-sizing:border-box}.ll-code:focus{outline:1px solid var(--ll-cyan)}
.ll-drop{display:grid;place-items:center;min-height:105px;text-align:center;border:1px dashed #49617e;border-radius:9px;background:#0a1018;color:var(--ll-dim);padding:14px;cursor:pointer}.ll-drop.drag{border-color:var(--ll-cyan);background:#153339}.ll-drop strong{color:var(--ll-text)}.ll-file-list,.ll-stems{display:grid;gap:7px;margin-top:10px}.ll-file,.ll-stem{display:flex;align-items:center;gap:8px;background:#0a0f16;border:1px solid #222e3f;border-radius:7px;padding:8px;font-size:12px}.ll-stem audio{width:100%;height:30px}.ll-progress{height:5px;background:#182131;border-radius:9px;overflow:hidden;margin-top:8px}.ll-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ll-cyan),var(--ll-violet));transition:width .3s}.ll-input{width:100%;box-sizing:border-box;background:#080c13;border:1px solid #2b3a50;color:var(--ll-text);padding:10px;border-radius:7px;margin:7px 0}.ll-note{font-size:11px;color:var(--ll-dim);line-height:1.45}.ll-log{max-height:140px;overflow:auto;color:#8da0bb;font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap}.ll-hidden{display:none!important}
.ll-bpm{width:78px!important;margin-left:4px}.ll-title{width:min(260px,100%);margin-left:auto}.ll-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.ll-downloads{display:grid;gap:8px;margin-top:9px}.ll-downloads a{text-align:center;text-decoration:none}
.ll-time{min-width:78px;padding:8px 10px;border:1px solid #304158;border-radius:6px;background:#070b11;color:var(--ll-cyan);font:12px ui-monospace,monospace;text-align:center}.ll-record{color:#ff9292}.ll-record.active{background:#9d2031;color:#fff;border-color:#ff6878;box-shadow:0 0 18px #ff304f66}.ll-timeline-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ll-timeline-tools label{display:flex;align-items:center;gap:5px}.ll-timeline-tools input{width:90px}
.ll-arrangement-shell{position:relative;overflow:auto;min-height:145px;background:#080c12;background-image:linear-gradient(90deg,#24304455 1px,transparent 1px);background-size:56px 100%}.ll-ruler{position:sticky;top:0;z-index:5;height:26px;min-width:100%;background:#0e151fee;border-bottom:1px solid #2c3a4f}.ll-ruler>span{position:sticky;left:0;display:block;width:120px;height:100%;background:#101823;border-right:1px solid #34445b}.ll-ruler i{position:absolute;top:6px;color:#75869e;font:9px ui-monospace,monospace;font-style:normal;transform:translateX(-2px)}.ll-arrangement{position:relative;min-height:110px}.ll-lane{position:relative;height:70px;border-bottom:1px solid #1e2938;background-image:linear-gradient(90deg,#26354a44 1px,transparent 1px);background-size:var(--timeline-zoom,56px) 100%}.ll-lane-label{position:sticky;left:0;z-index:4;width:120px;height:70px;padding:8px;text-align:left;overflow:hidden;text-overflow:ellipsis;border:0;border-right:1px solid #34445b;background:#0f1722;color:#aebbd0;font:700 10px ui-monospace,monospace;cursor:pointer}.ll-lane-label.active{color:var(--ll-cyan);background:#142631}.ll-clip{position:absolute;top:6px;height:58px;min-width:42px;border:1px solid #4f7099;border-radius:6px;background:linear-gradient(135deg,#183456,#252b5d);overflow:hidden;cursor:grab;box-shadow:0 5px 14px #0006}.ll-clip:active{cursor:grabbing}.ll-clip.selected{border-color:#8affee;box-shadow:0 0 0 2px #20e3d444,0 7px 18px #0008}.ll-clip canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.ll-clip>span{position:absolute;left:7px;top:4px;max-width:calc(100% - 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f7ff;text-shadow:0 1px 3px #000;font:700 10px ui-monospace,monospace}.ll-clip>i{position:absolute;top:0;bottom:0;pointer-events:none}.ll-clip .fade-in{left:0;background:linear-gradient(135deg,#05080dcc 0,transparent 50%)}.ll-clip .fade-out{right:0;background:linear-gradient(225deg,#05080dcc 0,transparent 50%)}.ll-playhead{position:absolute;z-index:8;left:120px;top:39px;bottom:0;width:1px;background:#ff6878;box-shadow:0 0 7px #ff304f;pointer-events:none}.ll-playhead:before{content:'';position:absolute;top:-6px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff6878}
.ll-inspector-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.ll-inspector-title span{color:var(--ll-cyan);font:10px ui-monospace,monospace}.ll-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ll-inspector-grid label{color:var(--ll-dim);font:9px ui-monospace,monospace}.ll-inspector-grid .ll-input{margin:3px 0;padding:7px}.ll-loop{display:flex;gap:7px;align-items:center;color:#aebbd0;font-size:11px;margin:8px 0}.ll-automation-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:10px}.ll-automation{position:relative;height:90px;border:1px solid #2d3c52;border-radius:6px;background:linear-gradient(0deg,#151d29 1px,transparent 1px),linear-gradient(90deg,#151d29 1px,transparent 1px),#080c12;background-size:25% 25%;cursor:crosshair}.ll-automation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ll-automation polyline{fill:none;stroke:var(--ll-cyan);stroke-width:1.5;vector-effect:non-scaling-stroke}.ll-automation button{position:absolute;width:10px;height:10px;padding:0;border-radius:50%;border:2px solid white;background:var(--ll-violet);transform:translate(-50%,-50%);cursor:pointer}
.ll-clip-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.ll-clip-tools label{display:flex;align-items:center;gap:6px}.ll-clip-tools select{width:90px;margin:0;padding:7px}
.ll-projects{display:grid;gap:7px;max-height:220px;overflow:auto}.ll-project{display:grid;gap:3px;width:100%;padding:9px;text-align:left;border:1px solid #29384c;border-radius:7px;background:#0a1018;color:var(--ll-text);cursor:pointer}.ll-project:hover{border-color:var(--ll-cyan)}.ll-project strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-project span{color:var(--ll-dim);font:9px ui-monospace,monospace}
.ll-mixer{display:grid;gap:7px;margin-top:12px}.ll-channel{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(150px,1fr) minmax(150px,1fr) 34px 34px 34px;gap:8px;align-items:center;background:#080d14;border:1px solid #273548;border-radius:8px;padding:8px}.ll-channel-name{min-width:0}.ll-channel-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-channel-name span{color:var(--ll-dim);font:10px ui-monospace,monospace}.ll-channel label{display:grid;grid-template-columns:36px 1fr 34px;gap:5px;align-items:center;color:var(--ll-dim);font:9px ui-monospace,monospace}.ll-channel input{min-width:0;width:100%}.ll-channel output{color:var(--ll-cyan)}.ll-mini{height:30px;border:1px solid #35445c;background:#111a26;color:#aebbd0;border-radius:5px;cursor:pointer;font-weight:800}.ll-mini.active{background:#9b4dce;color:white;border-color:#d9a8ff}.ll-mini.danger{color:#ff8d8d}
.ll-ai-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:12px}.ll-ai-grid label{display:grid;gap:5px;color:#aebbd0;font-size:11px;font-weight:700}.ll-ai-wide{grid-column:1/-1}.ll-lyrics{min-height:110px}.ll-ai-grid select{appearance:auto}
.ll-asset-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ll-asset-grid label{display:grid;gap:5px;color:#aebbd0;font-size:11px;font-weight:700}.ll-asset-grid output{color:var(--ll-cyan);font:11px ui-monospace,monospace}
@media(max-width:1050px){.ll-channel{grid-template-columns:minmax(130px,1fr) 1fr 1fr 32px 32px 32px}.ll-channel label{grid-template-columns:30px 1fr}.ll-channel output{display:none}}
@media(max-width:900px){.ll-workspace{grid-template-columns:1fr}.ll-side{border-left:0;border-top:1px solid var(--ll-line)}.ll-status{margin-left:0;width:100%}.ll-ai-grid,.ll-asset-grid{grid-template-columns:1fr 1fr}.ll-ai-wide{grid-column:1/-1}}
@media(max-width:640px){.ll-mode-switcher{grid-template-columns:1fr}.ll-channel{grid-template-columns:1fr 32px 32px 32px}.ll-channel label{grid-column:1/-1;grid-template-columns:40px 1fr 35px}.ll-channel output{display:block}.ll-ai-grid,.ll-asset-grid{grid-template-columns:1fr}.ll-ai-wide{grid-column:1}.ll-title{width:100%;margin-left:0}.ll-panel-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.ll-inspector-grid{grid-template-columns:1fr}.ll-timeline-tools{width:100%}}
@media(max-width:480px){.ll-main,.ll-side{padding:9px}.ll-topbar,.ll-toolbar{padding:11px}.ll-meters{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){#liveLabTab *{transition:none!important}}

/* Full-song composer and native control visibility hardening */
#liveLabTab .ll-input{background:#080c13!important;color:#edf4ff!important;-webkit-text-fill-color:#edf4ff!important;opacity:1!important;color-scheme:dark}
#liveLabTab select.ll-input{appearance:auto!important;-webkit-appearance:menulist!important}
#liveLabTab select.ll-input option{background:#111827!important;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important}
.ll-toolbar>label{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#c6d2e4;font-weight:800}
#liveLabTab .ll-bpm{position:relative;z-index:2;width:98px!important;min-width:98px!important;height:44px!important;margin:0!important;padding:8px 12px!important;line-height:24px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;-moz-appearance:textfield!important}
#liveLabTab .ll-bpm::-webkit-inner-spin-button,#liveLabTab .ll-bpm::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.ll-panel-head{position:relative;z-index:3}
.ll-sequence-tools{position:relative;z-index:10;gap:7px}
.ll-sequence-tools label{gap:7px;white-space:nowrap}
#liveLabTab #ll-grid-window{width:96px!important;min-width:96px!important;height:40px;margin:0!important;padding:6px 32px 6px 14px!important;line-height:24px;font-weight:800;font-variant-numeric:tabular-nums}
#liveLabTab .ll-sequence-tools .ll-mini{width:36px;min-width:36px;height:40px;font-size:20px;line-height:1}
#liveLabTab #ll-grid-range{white-space:nowrap;min-width:max-content}
.ll-song-builder{border-color:#31536c;background:linear-gradient(145deg,#101b29,#0d111a)}
.ll-blueprint-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(90px,.65fr));gap:10px}
.ll-blueprint-grid label{display:grid;gap:3px;color:#aebbd0;font-size:10px;font-weight:800}
.ll-blueprint-wide{grid-column:1/-1}
.ll-instrument-rack{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px;margin-top:12px}
.ll-instrument-rack label{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:8px;padding:7px 9px;border:1px solid #293a50;border-left:3px solid var(--rack-color);border-radius:7px;background:#080d14;color:#b9c7da;font:700 10px ui-monospace,monospace}
.ll-instrument-rack .ll-input{margin:0;padding:7px}
.ll-section-strip{display:flex;align-items:stretch;gap:3px;min-height:52px;margin-top:10px;overflow-x:auto}
.ll-section-strip span{display:grid;place-content:center;min-width:74px;padding:7px;border:1px solid #31506a;border-radius:6px;background:linear-gradient(135deg,#15354a,#272451);text-align:center}
.ll-section-strip b{font-size:10px}.ll-section-strip small{color:#9babc0;font-size:8px}.ll-section-strip em{align-self:center;padding:0 8px;color:var(--ll-cyan);font:10px ui-monospace,monospace;white-space:nowrap}
@media(max-width:900px){.ll-blueprint-grid{grid-template-columns:1fr 1fr}.ll-instrument-rack{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ll-blueprint-grid,.ll-instrument-rack{grid-template-columns:1fr}.ll-blueprint-wide{grid-column:1}.ll-sequence-tools{width:100%}}
.ll-groovebox{border-color:#3c4f7c;background:linear-gradient(145deg,#121a2d,#0b111b)}
.ll-bank-row{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.ll-bank{min-height:38px;border:1px solid #34445f;border-radius:6px;background:#0b121d;color:#aab8cd;font-weight:900;cursor:pointer}.ll-bank.active{border-color:#20e3d4;background:#12333a;color:#7dfff2;box-shadow:0 0 0 2px #20e3d420}
.ll-slot-row{display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));gap:6px;margin-top:8px}.ll-slot{display:grid;gap:2px;min-height:50px;padding:6px;border:1px solid #2b394e;border-radius:6px;background:#080d15;color:#6f7f95;cursor:pointer}.ll-slot b{font-size:13px}.ll-slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.ll-slot.filled{color:#d9e6f7;border-color:#465d7c}.ll-slot.active{border-color:#20e3d4;background:#123139;color:#fff}.ll-slot.queued{border-color:#f7b955;box-shadow:0 0 12px #f7b95555}
.ll-chain-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto minmax(150px,.7fr);gap:8px;align-items:end;margin-top:10px}.ll-chain-row label{display:grid;color:#9ba9bc;font-size:10px;font-weight:800}.ll-chain-row .ll-input{margin:4px 0 0}
.ll-synth-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.ll-synth-grid label{display:grid;gap:3px;color:#9eacc0;font-size:9px;font-weight:800}.ll-synth-grid .ll-input{margin:0;padding:7px}.ll-synth-grid .ll-check{display:flex;align-items:center;gap:8px}.ll-command-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.ll-command-row .ll-input{margin:0}.ll-command-result{min-height:56px;max-height:180px;overflow:auto;margin:10px 0 0;padding:10px;border:1px solid #293a50;border-radius:7px;background:#070b11;color:#9fe8cf;white-space:pre-wrap;font:11px/1.5 ui-monospace,monospace}
@media(max-width:900px){.ll-slot-row{grid-template-columns:repeat(4,1fr)}.ll-synth-grid{grid-template-columns:1fr 1fr}.ll-chain-row{grid-template-columns:1fr auto auto}.ll-chain-row .ll-note{grid-column:1/-1}}
@media(max-width:640px){.ll-bank-row{grid-template-columns:repeat(4,1fr)}.ll-slot-row{grid-template-columns:repeat(2,1fr)}.ll-synth-grid,.ll-command-row,.ll-chain-row{grid-template-columns:1fr}.ll-chain-row .ll-note{grid-column:1}}

/* Single-screen DAW shell */
#liveLabTab{height:calc(100vh - 210px);min-height:640px}
#liveLabTab .live-lab{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:12px}
#liveLabTab .ll-topbar{flex:0 0 auto;padding:8px 14px}
#liveLabTab .ll-toolbar{position:relative;z-index:20;flex:0 0 auto;padding:8px 12px;flex-wrap:nowrap;overflow-x:auto}
#liveLabTab .ll-mode-switcher{flex:0 0 auto;padding:5px 12px;gap:7px}
#liveLabTab .ll-mode-switcher button{padding:5px 10px;display:flex;align-items:center;gap:8px}
#liveLabTab .ll-mode-switcher button span{margin-left:auto}
#liveLabTab .ll-workspace{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 300px;overflow:hidden}
#liveLabTab .ll-daw-browser{min-width:0;padding:12px;border-right:1px solid var(--ll-line);background:#080d16;overflow:auto}
.ll-browser-head{display:flex;align-items:center;justify-content:space-between;color:var(--ll-cyan);letter-spacing:.08em}
.ll-browser-search{display:grid;grid-template-columns:16px 1fr;gap:4px;align-items:center;margin:12px 0}.ll-browser-search .ll-input{margin:0;padding:8px}
.ll-daw-browser nav{display:grid;gap:4px}.ll-daw-browser nav button{padding:9px;text-align:left;border:0;border-radius:6px;background:transparent;color:#c2cde0;cursor:pointer}.ll-daw-browser nav button:hover{background:#152236;color:#fff}
.ll-daw-browser>p{margin-top:18px;color:var(--ll-dim);font-size:10px;line-height:1.5}
#liveLabTab .ll-main{height:100%;min-height:0;padding:6px 10px 8px;display:grid;grid-template-rows:minmax(300px,55%) 42px minmax(220px,1fr);overflow:hidden}
#liveLabTab .ll-side{height:100%;min-height:0;padding:10px;overflow:auto}
#liveLabTab .ll-central-timeline{min-height:0;height:100%;margin:0;display:flex;flex-direction:column;border-color:#355270}
#liveLabTab .ll-central-timeline .ll-panel-head{flex:0 0 auto;padding:9px 12px}
#liveLabTab .ll-central-timeline .ll-arrangement-shell{flex:1;min-height:0;height:auto;padding:0;overscroll-behavior:contain}
.ll-bottom-nav{display:flex;align-items:stretch;gap:2px;min-width:0;border:1px solid var(--ll-line);border-top:0;background:#0b111b;overflow-x:auto}
.ll-bottom-nav>button:not(.ll-mini){flex:1;min-width:105px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aebbd0;font-weight:700;cursor:pointer}
.ll-bottom-nav>button.active{color:#fff;border-bottom-color:var(--ll-cyan);background:#11252c}
.ll-project-dock-button{flex:.65!important}.ll-dock-size{align-self:center;margin:0 7px;min-width:34px}
.ll-editor-dock{min-height:0;border:1px solid var(--ll-line);border-top:0;background:#080d14;overflow:hidden}
.ll-dock-pane{height:100%;padding:8px;overflow:auto;box-sizing:border-box;overscroll-behavior:contain}
.ll-dock-pane:not([hidden]){display:block!important}
.ll-dock-pane[hidden]{display:none!important}
#liveLabTab .ll-docked-panel{display:block!important;margin:0 0 8px;border-radius:8px}
#liveLabTab .ll-docked-panel:last-child{margin-bottom:0}
#liveLabTab .ll-docked-panel .ll-panel-head{padding:8px 11px}
#liveLabTab .ll-docked-panel .ll-panel-body{padding:10px}
#liveLabTab .ll-context-inspector{margin-bottom:8px}
#liveLabTab .ll-dock-expanded .ll-main{grid-template-rows:minmax(260px,.75fr) 44px minmax(330px,1.25fr)}
#liveLabTab .ll-browser-collapsed .ll-workspace{grid-template-columns:42px minmax(0,1fr) 300px}
#liveLabTab .ll-browser-collapsed .ll-daw-browser{padding:8px 5px}
#liveLabTab .ll-browser-collapsed .ll-daw-browser>:not(.ll-browser-head){display:none}
#liveLabTab .ll-browser-collapsed .ll-browser-head b{display:none}
#liveLabTab .ll-inspector-collapsed .ll-workspace{grid-template-columns:220px minmax(0,1fr)}
#liveLabTab .ll-inspector-collapsed .ll-side{display:none}
#liveLabTab .ll-browser-collapsed.ll-inspector-collapsed .ll-workspace{grid-template-columns:42px minmax(0,1fr)}
#liveLabTab .live-lab[data-experience="focus"] .ll-workspace{grid-template-columns:minmax(0,1fr)}
#liveLabTab .live-lab[data-experience="focus"] .ll-daw-browser,
#liveLabTab .live-lab[data-experience="focus"] .ll-side{display:none}
#liveLabTab .live-lab[data-experience="focus"] .ll-main{padding:8px 12px}
#liveLabTab .ll-picture-project{height:74px!important;min-height:74px!important}
#liveLabTab .ll-picture-video{position:sticky;left:8px;top:5px;z-index:8;width:104px!important;height:62px!important;object-fit:cover;background:#000;border:1px solid #34506d;border-radius:5px}
#liveLabTab .ll-picture-strip{position:absolute;top:0;height:74px;overflow:hidden;background:#070d15}
#liveLabTab .ll-picture-strip canvas,
#liveLabTab .ll-picture-strip img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;filter:saturate(.92) brightness(.82)}
#liveLabTab .ll-picture-strip:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,9,15,.35),transparent 7%,transparent 93%,rgba(5,9,15,.35))}
#liveLabTab .ll-picture-cut{position:absolute;z-index:4;top:0;bottom:0;width:2px;background:#20e3d4;box-shadow:0 0 8px #20e3d4;pointer-events:auto}
#liveLabTab .ll-picture-cut:after{content:'';position:absolute;top:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #20e3d4}
#liveLabTab .live-lab[data-picture-score="true"] .ll-main{grid-template-rows:minmax(420px,68%) 42px minmax(140px,1fr)}
#liveLabTab .live-lab[data-picture-score="true"] .ll-central-timeline{box-shadow:0 0 0 1px rgba(32,227,212,.18),0 12px 36px #0008}
#liveLabTab .live-lab[data-picture-score="true"] .ll-lane-label{font-size:9px}
.ll-timeline-commandbar{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;margin-left:auto}
.ll-timeline-commandbar .ll-mini{height:30px;padding:0 8px;white-space:nowrap}
.ll-timeline-commandbar label{display:flex;align-items:center;gap:4px;color:var(--ll-dim);font:9px ui-monospace,monospace;white-space:nowrap}
#liveLabTab .ll-timeline-commandbar .ll-input{width:auto;min-width:84px;height:30px;margin:0;padding:4px 24px 4px 7px;font-size:10px}
#liveLabTab .ll-central-timeline .ll-panel-head{gap:10px;flex-wrap:wrap}
#liveLabTab .live-lab[data-lane-size="compact"]{--ll-lane-height:52px;--ll-clip-height:42px}
#liveLabTab .live-lab[data-lane-size="large"]{--ll-lane-height:92px;--ll-clip-height:78px}
#liveLabTab .ll-lane{height:var(--ll-lane-height,70px)}
#liveLabTab .ll-lane-label{height:var(--ll-lane-height,70px)}
#liveLabTab .ll-clip{height:var(--ll-clip-height,58px)}

@media(max-width:1200px){
  #liveLabTab .ll-workspace{grid-template-columns:180px minmax(0,1fr) 260px}
  #liveLabTab .ll-browser-collapsed .ll-workspace{grid-template-columns:42px minmax(0,1fr) 260px}
  #liveLabTab .ll-inspector-collapsed .ll-workspace{grid-template-columns:180px minmax(0,1fr)}
}
@media(max-width:900px){
  #liveLabTab{height:auto;min-height:760px}
  #liveLabTab .live-lab{height:calc(100vh - 95px)}
  #liveLabTab .ll-workspace{grid-template-columns:minmax(0,1fr)}
  #liveLabTab .ll-daw-browser,#liveLabTab .ll-side{display:none}
  #liveLabTab .ll-main{grid-template-rows:minmax(330px,1fr) 44px minmax(220px,38%)}
}