/* Studio workspace, shared by standalone and native Nexus mount. */
:root{--studio-shelf:300px;--studio-inspector:320px;--studio-timeline:340px;--accent:#4b8cd4;--border:#29455f;--muted:#94acc2;background:#08131e}
body{background:radial-gradient(ellipse at top left,#193c5c55,transparent 50%),#08131e;color:#e0ecf7}
.topbar{min-height:68px;height:68px;background:#0c1c2c;border-bottom:1px solid #33669966;gap:24px;padding:12px 24px}.brand{font-size:20px}.brand-mark{padding:9px 12px;box-shadow:0 0 24px #33669966}.brand small{font-size:9px}.project-heading input{font-size:14px;padding:6px}.topbar nav{gap:8px}.topbar nav a{display:none}.topbar nav button{padding:10px 14px;font-size:12px}.studio-toolbar{height:56px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0d1e2f;border-bottom:1px solid #33669955}.workspace-modes,.studio-tools{display:flex;gap:7px;align-items:center}.studio-toolbar button{font-size:12px;padding:8px 14px;border-color:transparent;background:transparent;color:#9bb5cd}.studio-toolbar button[aria-pressed=true]{background:#33669933;border:1px solid #4b8cd4;color:#cce8ff;box-shadow:inset 0 0 20px #33669922}.studio-toolbar button:hover{border-color:#336699;background:#18344a}.studio-toolbar i{margin-right:7px;color:#79b6ec}.studio-toolbar button:last-child i{margin-right:5px}
.editor-grid{position:relative;height:calc(100dvh - 124px);min-height:600px;display:grid;grid-template-columns:var(--studio-shelf,300px) minmax(300px,1fr) var(--studio-inspector,320px);grid-template-rows:minmax(260px,1fr) var(--studio-timeline,340px);padding:16px;gap:16px;background:transparent}.panel{border:1px solid #33669966;background:#0e1f30;border-radius:12px;box-shadow:0 12px 36px #0003}.panel-heading{padding:15px 18px;background:linear-gradient(110deg,#15334c,#102337);border-bottom:1px solid #33669955}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#85acd0}h2{font-size:15px;margin-top:5px}.media-tools{padding:14px}.media-tools small{display:none}.media-tools p{margin:8px 0 10px}.media-tools input{font-size:12px;padding:10px}.media-tools>select,.media-tools>button{width:100%;margin-top:8px;padding:10px;font-size:12px}.import-types{grid-template-columns:repeat(4,1fr);gap:5px}.import-types button{padding:9px 3px;font-size:10px}.media-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px}.media-card{background:#152d43;border-color:#365875;border-radius:8px;overflow:hidden}.media-thumb{height:88px;background:radial-gradient(circle,#31577b,#0b1b2a);font-size:30px}.media-card h3{font-size:11px;line-height:1.45;height:32px;margin:9px 10px 5px}.media-card small{font-size:9px;padding:0 10px 10px}.media-add{right:6px;top:6px;padding:4px 6px;line-height:1}.media-preview{right:auto;left:6px;top:6px;bottom:auto;padding:4px 6px;line-height:1;font-size:13px;background:#0d1e30d9}.canvas-stage{padding:20px;background:radial-gradient(ellipse at center,#1b3650,#050d15 75%);container-type:size}.canvas-stage #previewCanvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.playback{padding:13px 18px;gap:12px}.playback button{padding:9px 12px}.playback output{font-size:12px}.monitor-volume{font-size:10px}.panel-note{font-size:10px;padding:9px 15px}.viewer-format{gap:9px;font-size:11px}.viewer-format select{padding:8px 10px}.live-pill{font-size:9px;padding:6px 8px}.inspector-panel{border-top:2px solid #4b8cd4}#inspector{padding:18px}.inspector-section{margin-bottom:16px;padding-bottom:17px}.field{font-size:12px;margin:12px 0}.field input:not([type=range]),.field select{width:132px;font-size:12px}.field input[type=range]{width:132px}.inspector-section h3{font-size:11px;margin-bottom:14px}.inspector-help{font-size:11px}.type-group{padding:12px}.type-group summary{font-size:12px}.type-group .field{font-size:11px}.timeline-panel{min-height:0;position:relative}.timeline-toolbar{padding:13px 18px;flex-wrap:wrap;gap:12px}.timeline-actions{gap:6px}.timeline-actions button{padding:7px 10px;font-size:11px}.timeline-title strong{font-size:11px}.timeline-scroll{min-height:0}.timeline-footer{font-size:10px;padding:9px 16px}.selection-banner{font-size:11px;padding:8px 16px}.track{min-height:64px}.track-label{padding:9px}.segment{font-size:11px}.segment strong{font-size:11px}.segment small{font-size:9px}.studio-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:9px 12px;flex-shrink:0;border-top:1px solid #33669944}.studio-pages button{font-size:11px;padding:5px 8px;min-width:26px}.studio-pages [aria-current=page]{background:#336699;border-color:#8ec4ee;color:white;box-shadow:0 0 12px #33669977}
.studio-resizer{position:absolute;z-index:20;touch-action:none;background:transparent;border-radius:6px}.studio-resizer:hover,.studio-resizer:focus{background:#4b8cd477;outline:none}.shelf-resizer{width:8px;top:18px;left:calc(var(--studio-shelf,300px) + 20px);height:calc(100% - var(--studio-timeline,340px) - 50px);cursor:col-resize}.inspector-resizer{width:8px;right:calc(var(--studio-inspector,320px) + 20px);top:18px;height:calc(100% - var(--studio-timeline,340px) - 50px);cursor:col-resize}.timeline-resizer{top:0;left:0;right:0;height:7px;cursor:row-resize}.studio-resizing,.studio-resizing *{user-select:none!important}.studio-focused .topbar{background:#112e46}.studio-help{width:min(650px,94vw)}.studio-help dl{display:grid;grid-template-columns:180px 1fr;gap:16px;margin-top:24px;font-size:13px}.studio-help dt{color:#aad4fc}.studio-help dd{margin:0;color:#a2b8d0}
.studio-library-dialog{width:min(1420px,95vw);max-width:none;height:min(880px,92dvh);max-height:92dvh;padding:24px;background:radial-gradient(ellipse at left top,#1b466755,transparent 60%),#0a1b2b;border:1px solid #4b8cd488;box-shadow:0 0 80px #000b,0 0 40px #33669944;overflow:hidden}.studio-library-dialog[open]{display:flex;flex-direction:column}.dialog-top{flex-shrink:0;gap:14px}.dialog-top h2{font-size:22px}.dialog-top p{margin-bottom:0}.library-layout{display:grid;grid-template-columns:185px 1fr;gap:22px;min-height:0;flex:1}.library-categories{display:flex;flex-direction:column;gap:8px;padding:10px 14px 10px 0;border-right:1px solid #33669955}.library-categories button{text-align:left;padding:14px 12px;font-size:13px;display:flex;align-items:center;gap:10px;background:transparent;border-color:transparent}.library-categories small{margin-left:auto;color:#82a9ca;font-size:10px}.library-categories [aria-pressed=true]{background:#33669944;border-color:#4b8cd4;box-shadow:0 0 16px #33669933}.library-content{min-height:0;min-width:0;display:flex;flex-direction:column}.library-toolbar{display:flex;gap:9px;align-items:center}.library-toolbar label{display:flex;gap:9px;align-items:center;background:#091521;border:1px solid #365875;border-radius:8px;padding:0 12px;flex:1}.library-toolbar input{width:100%;border:none;background:transparent;padding:12px}.library-toolbar select{padding:12px;font-size:12px}.library-toolbar button{padding:11px}.library-summary{font-size:11px;color:#89adc9;padding:14px 0}.library-items{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;align-content:start;flex:1;padding:4px 9px 12px 2px;scrollbar-width:thin}.library-card{min-width:0;background:#132d43;border:1px solid #365875;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.library-art{width:100%;height:115px;display:flex;align-items:center;justify-content:center;font-size:38px;border:none;border-radius:0;background:radial-gradient(circle,#315b7d,#0b1d2c);padding:0;color:#81b6e1}.library-art img{width:100%;height:100%;object-fit:contain}.library-info{padding:12px 12px 8px}.library-info strong{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px;overflow-wrap:anywhere}.library-info small{display:block;margin-top:8px;font:10px Consolas,monospace;color:#88b3d2}.library-actions{display:flex;justify-content:space-between;padding:0 10px 11px;gap:8px}.library-actions button{font-size:11px;padding:7px 10px}.library-actions [aria-pressed=true]{color:#ffd770}.library-items.is-list{display:flex;flex-direction:column;gap:8px}.is-list .library-card{display:grid;grid-template-columns:72px minmax(0,1fr) 138px;align-items:center;flex-shrink:0}.is-list .library-art{height:64px;font-size:24px}.is-list .library-info{padding:8px 12px}.is-list .library-info strong{height:auto;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-list .library-actions{padding:8px}.library-empty{padding:60px;text-align:center;grid-column:1/-1}.studio-asset-preview{width:min(1000px,94vw);max-width:none;background:#0c2032;padding:24px}.studio-asset-preview h2{max-width:800px;overflow-wrap:anywhere;font-size:18px}.asset-preview-stage{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030d16;border-radius:10px;padding:16px}.asset-preview-stage>img,.asset-preview-stage>video{width:100%;max-height:58dvh;object-fit:contain}.audio-preview-art{font-size:80px;color:#4b8cd4;padding:35px;filter:drop-shadow(0 0 18px #336699)}.asset-preview-stage .inline-audio-preview{width:100%;padding:20px;text-align:center}.inline-audio-preview select{width:100%;margin-bottom:12px}.inline-audio-preview small{font-size:13px}
@media(min-width:1900px){:root{--studio-shelf:360px;--studio-inspector:370px;--studio-timeline:410px}.editor-grid{padding:22px;gap:20px}.media-list{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-resizer{left:calc(var(--studio-shelf,360px) + 28px)}.inspector-resizer{right:calc(var(--studio-inspector,370px) + 28px)}.studio-toolbar{padding-inline:26px}.topbar{padding-inline:26px}}
@media(max-width:1100px){.editor-grid{grid-template-columns:240px minmax(300px,1fr);grid-template-rows:480px 300px 330px;height:auto}.inspector-panel{grid-column:1/-1;grid-row:2;max-height:300px}.timeline-panel{grid-row:3}.studio-resizer{display:none}.studio-toolbar{height:auto;flex-wrap:wrap}.studio-tools{flex-wrap:wrap}.topbar{height:auto;flex-wrap:wrap;gap:10px}.project-heading{flex:1}.library-layout{grid-template-columns:140px 1fr;gap:12px}.library-categories button{font-size:11px;padding:12px 6px}.library-toolbar{flex-wrap:wrap}}
@media(max-width:760px){.editor-grid{display:flex;flex-direction:column;padding:8px;gap:12px}.media-panel{height:450px}.viewer-panel{height:440px}.inspector-panel{height:330px}.timeline-panel{height:380px}.studio-toolbar{padding:8px}.studio-toolbar button{padding:7px 9px;font-size:11px}.topbar{padding:12px}.topbar nav{flex-wrap:wrap;margin-left:0}.brand small{display:none}.library-layout{display:flex;flex-direction:column}.library-categories{flex-direction:row;overflow:auto;border:none;padding:0;flex-shrink:0}.library-categories button{white-space:nowrap}.library-items{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-library-dialog{padding:14px}.library-toolbar select{max-width:130px}.is-list .library-card{grid-template-columns:48px minmax(0,1fr)}.is-list .library-actions{grid-column:2}.playback{flex-wrap:wrap}.monitor-volume{display:none}.studio-help dl{grid-template-columns:1fr;gap:8px}}
/* Keep shelf cards readable when the source panel is short. */
.media-list{grid-auto-rows:max-content;flex-shrink:1}.media-card{min-height:151px}.media-thumb{flex-shrink:0}.media-tools{flex-shrink:0}.media-panel>.panel-heading,.media-panel>.panel-note{flex-shrink:0}

.library-card>.inline-audio-preview{grid-column:1/-1;width:100%;background:#102c43;border-color:#336699;min-width:0}.library-card:has(>.inline-audio-preview){height:auto;min-height:150px}.inline-audio-preview audio{color-scheme:dark;width:100%;height:38px}.inline-audio-preview small{display:block;color:#b9daef;font-variant-numeric:tabular-nums}

/* Spacious source browser: compact tools, full-width readable rows. */
.editor-grid{grid-template-columns:var(--studio-shelf,390px) minmax(300px,1fr) var(--studio-inspector,320px)}
.media-tools{padding:12px 14px}.shelf-browse{display:flex;align-items:center;gap:8px}.shelf-browse select{flex:1;width:0}.shelf-browse button{font-size:11px;padding:9px}.shelf-imports{margin-top:9px;border:1px solid #33669955;border-radius:7px;padding:8px 10px;color:#9bc3e5;font-size:11px}.shelf-imports summary{cursor:pointer}.shelf-imports .import-types{margin-top:10px}.media-list{grid-template-columns:1fr!important;grid-auto-rows:max-content;gap:8px}.media-card{display:grid;grid-template-columns:84px minmax(0,1fr) 30px;grid-template-rows:1fr 1fr;align-items:center;gap:0 12px;min-height:82px;padding:7px;position:relative}.media-thumb{grid-column:1;grid-row:1/3;height:66px;border-radius:5px;overflow:hidden;font-size:26px}.media-card h3{grid-column:2;grid-row:1;align-self:end;height:auto;max-height:34px;margin:0 0 4px;font-size:12px;line-height:1.4}.media-card small{grid-column:2;grid-row:2;align-self:start;padding:0;font-size:10px;line-height:1.5}.media-card .media-add{grid-column:3;grid-row:1/3;position:static;font-size:16px;padding:5px;background:#17334d;border-color:#437299}.media-card .media-preview{left:10px;top:10px;right:auto;bottom:auto;min-width:26px;padding:4px;background:#081b2fcc}.media-card>.inline-audio-preview{grid-column:1/-1;grid-row:3;margin-top:9px}.media-card>.inline-audio-preview small{padding:5px}.media-card:has(>.inline-audio-preview){grid-template-rows:34px 34px auto}.shelf-resizer{left:calc(var(--studio-shelf,390px) + 22px)}
@media(min-width:1900px){.editor-grid{grid-template-columns:var(--studio-shelf,440px) minmax(300px,1fr) var(--studio-inspector,370px)}.shelf-resizer{left:calc(var(--studio-shelf,440px) + 22px)}}
@media(max-width:1100px){.editor-grid{grid-template-columns:var(--studio-shelf,330px) minmax(280px,1fr)}}
@media(max-width:760px){.editor-grid{grid-template-columns:1fr}.shelf-browse button{padding:7px}}

.media-card.media-audio{min-height:56px;grid-template-columns:50px minmax(0,1fr) 30px;padding:5px;gap:0 9px}.media-audio .media-thumb{height:44px;font-size:22px}.media-audio h3{font-size:11px;max-height:28px;margin:0 0 3px}.media-audio small{font-size:9px}.media-audio .media-preview{top:8px;left:8px}.media-audio:has(>.inline-audio-preview){grid-template-rows:25px 25px auto}.library-items.is-list .library-card:has(.library-art .bi-music-note-beamed),.library-items.is-list .library-card:has(.library-art .bi-disc){min-height:58px;padding:6px}.library-items.is-list .library-card .library-art{height:48px}.library-items.is-list .library-card .inline-audio-preview{margin:3px 0;padding:6px}.library-items.is-list .library-card:has(>.inline-audio-preview){min-height:145px}.inline-audio-preview audio{height:32px!important}

/* Desktop workspace fits the viewport; each of nine tracks stays visible. */
@media(min-width:1101px){body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar,.studio-toolbar{flex-shrink:0}.editor-grid{flex:1;min-height:0;height:auto!important;grid-template-rows:minmax(180px,1fr) minmax(300px,48%);padding:14px;gap:14px}.canvas-stage{min-height:40px;padding:10px}.panel-heading{padding:10px 14px}.playback{padding:7px 12px}.timeline-panel{min-height:0}.timeline-toolbar{padding:7px 12px;gap:8px}.timeline-actions button{padding:5px 8px}.selection-banner{padding:4px 12px;min-height:26px}.timeline-footer{padding:4px 12px}.timeline-scroll{overflow-y:hidden;min-height:0}.track{height:var(--studio-track-height,40px)!important;min-height:0!important}.track-label{height:100%;padding:3px 5px;display:flex;align-items:center;gap:4px}.track-label b{font-size:10px}.track-controls{display:flex;gap:2px}.track-controls button{padding:1px 3px;font-size:8px}.segment,.audio-segment{top:3px;bottom:3px;height:auto!important;min-height:0;padding:3px 8px;font-size:10px}.segment strong{font-size:10px;line-height:12px}.segment small{font-size:8px;line-height:10px}.audio-segment{padding-top:12px}.shelf-resizer{left:calc(var(--studio-shelf,440px) + 14px)}.timeline-resizer{display:none}}

.clip-volume-handle{display:block;left:50%;right:auto;top:50%;transform:translate(-50%,-50%);padding:3px 8px;background:#24547f;color:#e6f2ff;border-color:#72b4e4;box-shadow:0 0 8px #33669966;max-width:calc(100% - 10px);overflow:hidden;font-size:9px}.audio-segment .clip-volume-handle{background:#18543b;color:#c8ffe4;border-color:#65dca5;box-shadow:0 0 8px #3bba7866}#undoBtn,#redoBtn{cursor:default}#undoBtn:not(:disabled):hover,#redoBtn:not(:disabled):hover{color:#b8dfff;background:#254e76}.studio-focused .topbar{display:none}.studio-focused .editor-grid{grid-template-rows:minmax(180px,1fr) minmax(300px,48%)}

.monitor-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:1;min-height:0;padding:10px}.source-monitor,.program-monitor{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #33669966;border-radius:8px;overflow:hidden;background:#07121d}.monitor-label{padding:7px 10px;font:10px Consolas,monospace;color:#a8ccec;flex-shrink:0;border-bottom:1px solid #33669944}.monitor-label span{margin-left:10px;color:#6e91ae;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.source-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#7599bb;font-size:11px;padding:8px}.source-stage img,.source-stage video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.source-stage audio{display:none}.source-note{font-size:54px;color:#66b6de}.source-controls{display:flex;align-items:center;gap:8px;padding:6px 10px;flex-shrink:0;background:#102337}.source-controls output{font:10px Consolas,monospace;white-space:nowrap}.source-controls input{min-width:30px;width:30px;flex:1}.source-controls button{padding:4px 7px}.program-monitor .canvas-stage{flex:1;min-height:0}.program-monitor #previewCanvas{max-width:100%;max-height:100%;object-fit:contain}.monitor-pair #emptyPreview h3{font-size:16px}@media(max-width:1100px){.monitor-pair{min-height:230px}}

.studio-project-dialog{width:min(900px,calc(100vw - 36px));max-height:85dvh;box-sizing:border-box;background:linear-gradient(140deg,#10293d,#081825);color:#deefff;border:1px solid #336699;border-radius:16px;padding:24px;box-shadow:0 0 30px #33669944}.studio-project-dialog::backdrop{background:#030a14bb;backdrop-filter:blur(8px)}.studio-project-dialog header{display:flex;justify-content:space-between;gap:20px}.studio-project-dialog h2{font-size:24px;margin:8px 0}.studio-project-dialog header small{color:#80afd4;font-size:10px;letter-spacing:2px}.studio-project-dialog p{color:#91b0ca;font-size:12px}.studio-project-dialog button{background:#152e45;border:1px solid #33669966;border-radius:8px;color:#cce4fa;padding:10px;cursor:default}.studio-project-search{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #33669988;border-radius:10px;background:#071421;margin:20px 0}.studio-project-search input{flex:1;min-width:0;border:0;background:transparent;color:#e6f3ff;outline:0}.studio-project-results{max-height:48dvh;overflow:auto;display:grid;gap:8px}.studio-project-row{display:flex;align-items:center;text-align:left;gap:14px;padding:16px!important}.studio-project-row>i{color:#84b5de}.studio-project-row>span{flex:1;display:grid;gap:6px}.studio-project-row strong{font-size:14px}.studio-project-row small{font-size:11px;color:#8caec8}.studio-project-row:hover{border-color:#4b8cd4;box-shadow:0 0 12px #33669933}.studio-project-dialog footer{display:flex;align-items:center;gap:12px;margin-top:18px}.studio-project-dialog footer>[role=status]{flex:1;color:#80a6c8;font-size:11px}

.studio-help-floating{position:fixed;top:100px;right:30px;width:min(400px,90vw);z-index:10000;padding:16px;border:1px solid #4b8cd4;border-radius:14px;background:#0c2238f5;box-shadow:0 0 28px #33669988;color:#e4f3ff}.studio-help-floating[hidden]{display:none!important}.studio-help-floating .dialog-top{cursor:move;touch-action:none;user-select:none}.studio-help-floating h2{font-size:15px}.studio-help-floating dl{grid-template-columns:130px 1fr;gap:12px;font-size:11px;margin-top:15px}

.library-categories{overflow:auto;min-height:0;max-height:68vh}.drive-folder-heading{display:block;margin:16px 10px 8px;color:#9fc7ec;font-size:11px;border-top:1px solid #33669966;padding-top:12px}.library-categories [data-folder] span{min-width:0;white-space:normal;overflow-wrap:anywhere}
/* Rows keep their content height; the library scrolls instead of crushing cards. */
.studio-library-dialog .library-layout{grid-template-columns:240px minmax(0,1fr)}
.studio-library-dialog .library-categories{max-height:none;scrollbar-width:thin}
.studio-library-dialog .library-categories>button,.studio-library-dialog .drive-folder-heading{flex-shrink:0}
.studio-library-dialog .library-categories small{flex-shrink:0}
.studio-library-dialog .library-items{grid-auto-rows:max-content;align-items:start}
.studio-library-dialog .library-card{height:auto;min-height:0;flex-shrink:0}
.studio-library-dialog .library-art{height:150px;min-height:150px;flex-shrink:0;background:#071522}
.studio-library-dialog .library-art img{object-fit:contain}
.studio-library-dialog .library-info,.studio-library-dialog .library-actions{flex-shrink:0}
.studio-library-dialog .library-info strong{display:block;height:auto;white-space:normal;overflow:visible;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.studio-library-dialog .library-items.is-list .library-art{height:64px;min-height:64px}
.studio-library-dialog .library-items.is-list .library-info strong{white-space:normal;overflow:visible}
@media(max-width:1100px){.studio-library-dialog .library-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.studio-library-dialog .library-categories{max-height:150px}.studio-library-dialog .library-categories>button{min-width:150px}.studio-library-dialog .library-art{height:130px;min-height:130px}}