/* Studio shell: neutral surfaces keep footage and edit decisions prominent. */
:root{--bg:#151618;--panel:#222326;--raised:#2c2d30;--line:#393b3f;--text:#e0e1e3;--muted:#989ba1;--blue:#d4aa6b;--green:#8bbca8;--amber:#d4aa6b;--media-width:240px;--inspector-width:280px;--timeline-height:220px}
body{font:12px 'Segoe UI',Arial,sans-serif;background:var(--bg);padding-bottom:50px}
button{background:#303135;border-color:#44464b;border-radius:3px;padding:6px 10px;font-size:11px;transition:background .1s}
button:hover{background:#3c3e43;border-color:#62656b}button:disabled{opacity:.3}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.primary{background:#d4aa6b;color:#191a1c;border-color:#d4aa6b;font-weight:600}.primary:hover{background:#e4bb7d;border-color:#e4bb7d}.danger{color:#e5a3a1}.quiet{background:none;border-color:transparent;color:var(--muted)}
.studio-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;pointer-events:none}
button[data-icon]{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.topbar{height:46px;min-height:46px;flex-wrap:nowrap;padding:0 14px;gap:17px;background:#1d1e20;border-bottom:1px solid #0d0e10}
.brand{min-width:166px;gap:9px;font-size:13px;letter-spacing:0;font-weight:600}.brand small{display:none}.mark{width:25px;height:25px;border:0;border-radius:0;font-size:23px;color:#e5e6e8}.mark span{color:var(--blue);margin-left:-7px}
.project-heading{gap:10px;order:initial!important;flex:1;min-width:100px;justify-content:center}.project-heading input{font-size:12px;font-weight:500;text-align:center;width:200px;padding:4px;color:#dedfe1}.local-pill{font-size:8px;border:0;background:none;color:#92969b;padding:0;letter-spacing:.7px}.local-pill i{width:4px;height:4px;background:#8bbca8}
.header-actions{gap:7px}.header-actions>button,.header-actions .primary{height:28px;padding:5px 10px;font-size:11px}.header-actions #crew{color:var(--text);background:#303135;border-color:#44464b}.header-actions #save-state{font-size:9px;color:#9fa3a8;padding-right:12px}.header-actions #history{background:transparent;border-color:transparent;color:#b8babf}
.file-menu summary{border:0;background:none;font-size:11px;padding:6px 8px;border-radius:2px}.file-menu[open] summary{background:#393b40}.file-menu>div{top:29px;background:#292a2e;border-color:#4b4d52;border-radius:3px;z-index:50}.file-menu button{border-radius:2px;padding:9px}.file-menu button:hover{background:#45474c}.file-menu kbd{color:#a8abb2}.file-menu hr{border-color:#43454a}
.workspace-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:15px;background:#28292d;border-bottom:1px solid #101113}
.workspace-tools{display:flex;gap:4px;align-items:center}.workspace-toolbar button{height:26px;padding:4px 8px;background:transparent;border:1px solid transparent;color:#b8bbc1}.workspace-toolbar button:hover{background:#37393e}.workspace-toolbar .panel-toggle[aria-pressed=true]{color:#e5e6e8;background:#383a3f;border-color:#47494e}.toolbar-divider{width:1px;height:15px;background:#46484d;margin:0 5px}#workspace-title{font-size:10px;color:#a9acb2;letter-spacing:.5px;white-space:nowrap}.icon-button{padding:3px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px}
.workflow{position:fixed;bottom:0;left:0;right:0;z-index:15;height:50px;padding:0 16px;gap:0;justify-content:center;background:#202123;border-top:1px solid #090a0b;border-bottom:0;overflow:visible}
.workflow .project-label{position:absolute;left:18px;font-size:8px;letter-spacing:1.4px;color:#777a80;min-width:0}.workflow .stage{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;width:126px;height:50px;border:0;border-top:2px solid transparent;padding:4px 9px 6px;font-size:0;color:#a2a5aa;opacity:1;background:none}.workflow .stage b{font-size:10px;font-weight:400}.workflow .stage .studio-icon{width:18px;height:18px}.workflow .stage:hover{background:#2d2f33}.workflow .stage.active{background:#2e3034;border-top-color:var(--blue);color:#e6c28d}.workflow .stage[aria-current=page]{color:#e6c28d}.workflow .stage-note{position:absolute;right:15px;font-size:8px;display:block}.service-online{color:#91ad9f!important}
#edit-workspace{position:relative;display:grid;grid-template-columns:var(--media-width) minmax(260px,1fr) var(--inspector-width);grid-template-rows:minmax(220px,1fr) var(--timeline-height);gap:6px;padding:6px 6px 0;min-height:460px;height:calc(100dvh - 152px)}
.panel{background:var(--panel);border:1px solid #111214;border-radius:3px;box-shadow:0 1px 0 #ffffff05 inset;min-height:0}.panel-heading{height:34px;min-height:34px;padding:0 12px;border-bottom:1px solid #111214;background:#292a2e}.panel-heading h1,.panel-heading h2{font-size:11px;font-weight:600}.count{min-width:18px;background:#393b40;color:#aeb2b8;border-radius:2px;font-size:9px;padding:2px 4px}
.library{padding:0;display:flex;flex-direction:column;overflow:hidden}.bin-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 6px;border-bottom:1px solid #323438;color:#aeb3ba;font-size:10px}.bin-heading>span{display:flex;align-items:center;gap:8px}.bin-heading .studio-icon{width:13px;height:13px;color:#d0b483}.media-search{display:flex;align-items:center;gap:4px;padding:7px 8px}.media-search input{min-width:0;width:100%;height:25px;border:1px solid #3c3f45;border-radius:3px;padding:5px 8px;background:#1b1c1f;color:var(--text);font:10px 'Segoe UI',sans-serif}.media-search input::placeholder{color:#8b9098}
#library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:3px 9px 12px;overflow:auto;flex:1;min-height:0}.asset{margin:0;border:1px solid #41444a;border-radius:3px;background:#292b30;min-width:0;align-self:start}.asset.active{border-color:#d5ae74;box-shadow:0 0 0 1px #d5ae7440}.asset-preview{height:auto;aspect-ratio:16/10;background:#111214}.asset-preview img{object-fit:cover}.asset-copy{padding:6px;gap:3px;align-items:flex-start}.asset-copy>div{min-width:0}.asset-copy b{font-size:10px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-copy small{font-size:8px;line-height:1.5;margin-top:3px;color:#a0a4ac}.asset-add{border:0;background:transparent;color:#b4b9c0;font-size:16px;width:17px;height:20px;flex-shrink:0}.asset-time{font:8px Consolas,monospace;bottom:4px;right:4px;padding:2px 3px;border-radius:1px;background:#111215df}.review-dot{font-size:0;width:5px;height:5px;border-radius:50%;top:6px;left:6px;padding:0;background:#c4c7cd;box-shadow:0 0 0 2px #0008}.review-dot.approved{background:var(--green)}.review-dot.revise{background:var(--amber)}
.library-foot{flex-shrink:0;padding:9px 10px;border-top:1px solid #35373c;font-size:9px;background:#242529}.library-foot b{color:#aeb4bc}.library-foot p{display:none}.library-foot .dot{width:4px;height:4px;margin-top:5px}.media-list #library-list{display:flex;flex-direction:column;gap:2px}.media-list .asset{display:flex;align-items:center;flex-shrink:0}.media-list .asset-preview{width:68px;height:44px;aspect-ratio:auto;flex-shrink:0}.media-list .asset-copy{flex:1;align-items:center;min-width:0}.media-list .asset-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list .asset-time{font-size:7px}.media-list .asset-add{width:22px}#pool-empty{padding:5px 12px}
.viewer-section{padding:0 12px;background:#1b1c1f}.viewer-heading{height:34px;min-height:34px;margin:0 -12px;padding:0 12px;background:#292a2e;border-bottom:1px solid #111214}.tabs{gap:0;height:100%;align-items:center}.tab{font-size:10px;padding:5px 12px;border-radius:2px}.tab.selected{color:#e1e3e7;background:#484b51}.technical{font:10px Consolas,'Courier New',monospace;color:#aaaeb5}.screen{margin-top:12px;min-height:100px;border:1px solid #08090a;border-radius:0;background:#08090a}.screen-label,.silent-label{border-radius:1px;font-size:8px;letter-spacing:.6px;background:#141517bb}.screen-label{top:8px;left:8px}.silent-label{bottom:7px;right:7px;font-size:7px}.viewer-toolbar{height:30px;min-height:30px}.viewer-toolbar #viewer-name{font-size:10px;color:#bfc4cd}.subtle{font-size:9px;color:#8e949e;display:inline}.viewer-toolbar .icon{font-size:18px;color:#c7cbd2}.transport{height:34px;min-height:34px}.timecode{font-size:14px;letter-spacing:1px;color:#dcdfe5}.transport-buttons{gap:6px}.transport button{color:#c4c8d0;padding:5px 10px}.transport .play{background:#44474e;color:white;border-radius:3px;width:32px;height:25px;font-size:10px}.scrubber{height:2px;margin:7px 0;accent-color:#b4b9c3}.viewer-footer{padding:6px 0 9px;font-size:8px;min-height:25px}.dot.blue{background:#aeb7c6}.divider{color:#636975}
.inspector{padding:0 12px 14px;display:block;overflow:auto}.inspector>.panel-heading{position:sticky;top:0;margin:0 -12px 16px;z-index:2;padding:0 12px}.eyebrow{font-size:8px;color:#989da5;letter-spacing:.8px}.field-label{font-size:10px;margin:12px 0 7px}select,input[type=number],textarea{background:#1b1c1f;border-color:#41444a;border-radius:3px;padding:7px;color:#d4d8df;font-size:11px}textarea::placeholder{color:#858c96}.trim-panel{margin-top:16px;padding-top:14px;border-color:#3a3d43}.section-heading h3{font-size:10px;font-weight:600}.trim-fields{gap:8px;margin:11px 0}.trim-fields label{font-size:9px}.trim-fields input{font-size:11px;margin-top:6px}.hint{font-size:9px;color:#999fa9;line-height:1.65}.notes-heading{padding-top:14px;margin:16px 0 10px;border-color:#3a3d43}.notes{max-height:none}.source-details{font-size:9px;border-color:#3a3d43}.source-details summary{color:#b9bfc9}.edit-agent-tools{border-color:#3a3d43}.edit-agent-tools button{font-size:10px}.note{background:#2d3035;border-color:#454a53;border-radius:3px}.note-jump{color:#d5b986}
.timeline-section{grid-column:1/-1;grid-row:2;min-height:0}.timeline-header{min-height:39px;height:39px;flex-shrink:0;padding:6px 12px;gap:10px;flex-wrap:nowrap;background:#292a2e;border-bottom:1px solid #111214}.timeline-title{gap:10px;width:auto;min-width:0}.timeline-title h2{font-size:11px;font-weight:500}.timeline-symbol{color:#b7bec9;display:flex}.timeline-title .technical{font-size:9px}.edit-tools{gap:4px;flex-wrap:nowrap}.edit-tools button{background:transparent;border-color:transparent;padding:4px 6px;font-size:10px;height:25px;border-radius:2px}.edit-tools button:hover{background:#45484f}.edit-tools .studio-icon{width:13px;height:13px}.tool-divider{background:#494c53;height:16px;margin:0 6px}.zoom{display:flex;font-size:11px;margin-left:10px;gap:6px;color:#bdc3cd}.zoom input{width:72px;accent-color:#a7adb9}.timeline-body{background:#191a1d;min-height:0}.track-label{width:125px;padding:47px 10px 0;background:#27292d;border-color:#101114}.track-label span{font:10px Consolas,monospace;background:#3a525b;color:#d6e7eb;border-radius:2px;padding:5px}.track-label b{font-weight:400;color:#c4c9d2;font-size:10px}.track-label small{font-size:9px;color:#9098a5;margin:8px 0 0 33px}.timeline-scroll{padding:0 10px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 84px,#2a2c3120 84px,#2a2c3120 85px)}.ruler{height:30px;border-color:#34373e;font-size:9px;color:#969eab}.tick{border-color:#4a505b;height:9px}.timeline-clips{height:76px;margin-top:9px}.timeline-clip{border-color:#4d7a85;border-radius:3px;background:#284e5b;margin-right:1px}.timeline-clip.selected{border:2px solid #d9b67e;box-shadow:none}.timeline-clip:hover{background:#346272}.clip-film{opacity:.6;background-size:auto 100%}.clip-caption{background:#27525eef;padding:4px 7px;font-size:9px;color:#e3edef;border-bottom:1px solid #79a1ab55}.clip-length{font-size:9px;background:#142b34c9;border-radius:1px;padding:2px 4px;left:5px;bottom:4px}.timeline-playhead{background:#e2b26e;top:-9px;bottom:-70px}.timeline-playhead:before{background:#e2b26e;top:-2px}.track-bed{height:55px;border-color:#2d3036}.timeline-footer{height:25px;min-height:25px;flex-shrink:0;padding:5px 12px;font-size:8px;background:#24262a;border-color:#111214}.timeline-empty{font-size:11px}
.panel-resizer{position:absolute;z-index:6;touch-action:none;outline:none}.panel-resizer:hover,.panel-resizer:focus-visible,.panel-resizer.dragging{background:#d4aa6b66}.media-resizer{left:calc(var(--media-width) + 6px);top:6px;bottom:calc(var(--timeline-height) + 6px);width:6px;cursor:col-resize}.inspector-resizer{right:calc(var(--inspector-width) + 6px);top:6px;bottom:calc(var(--timeline-height) + 6px);width:6px;cursor:col-resize}.timeline-resizer{bottom:var(--timeline-height);height:6px;left:6px;right:6px;cursor:row-resize}
body.pool-hidden #edit-workspace{grid-template-columns:minmax(260px,1fr) var(--inspector-width)}body.inspector-hidden #edit-workspace{grid-template-columns:var(--media-width) minmax(260px,1fr)}body.pool-hidden.inspector-hidden #edit-workspace{grid-template-columns:1fr}body.pool-hidden .library,body.pool-hidden .media-resizer,body.inspector-hidden #edit-workspace>.inspector,body.inspector-hidden .inspector-resizer{display:none}
.statusbar{height:22px;padding:0 12px;background:#191a1c;border-top:1px solid #101113;font-size:8px;gap:15px;color:#828995}.statusbar>span:first-child{flex:1;min-width:0}.statusbar #workspace-save-status{flex:none;color:#a5b0aa;font-size:8px}.statusbar button{padding:1px 4px;font-size:8px}.connection-banner{position:relative;z-index:14;margin:0;border-radius:0;background:#443725;border-color:#78613d;font-size:11px}.connection-banner:not([hidden])~#edit-workspace{height:calc(100dvh - 212px)}
.topbar .brand{flex:0 0 auto}.topbar .file-menu{order:0}.topbar .header-actions{order:0}
.topbar .project-heading{flex-basis:auto}.topbar .file-menu>div{left:0;right:auto}
#library-list{grid-auto-rows:max-content}.asset-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-height:900px) and (min-width:761px){:root{--timeline-height:280px}}
@media(min-width:761px){#edit-workspace>.library,#edit-workspace>.viewer-section,#edit-workspace>.inspector{grid-column:auto;grid-row:1}}
/* The same shell carries development, planning, production and delivery. */
.production-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:12px;margin:0;max-width:none;padding:14px;height:calc(100dvh - 152px);min-height:460px;overflow:auto;align-items:start}.production-page{padding:0}.page-heading{margin:0 0 17px;gap:15px;border-bottom:1px solid #36393f;padding:5px 0 17px}.page-heading .eyebrow{color:#bea67d;font-size:8px}.page-heading h1{font-size:21px;letter-spacing:-.4px;margin:8px 0;font-weight:500}.page-heading p{font-size:11px;line-height:1.6;color:#a1a7b1}.gate-badge{font-size:9px;border-color:#4b4841;border-radius:3px;background:#35312b;color:#d2ba96;padding:6px 8px;margin-top:5px}.gate-badge.approved{background:#283a32;border-color:#486657;color:#a5c5b6}.creative-grid{grid-template-columns:minmax(240px,.85fr) minmax(300px,1.25fr);gap:12px}.production-card{border-radius:3px;border-color:#111214;background:#242629;padding:17px}.production-card h2{font-size:12px;font-weight:600;margin-bottom:18px}.production-card h3{font-size:11px}.production-card label,.shot-card label{font-size:10px;color:#a4acb9;margin-bottom:14px}.production-card input,.shot-card input{background:#1b1c1f;border-color:#42464d;border-radius:3px;padding:8px;font-size:11px;color:#e0e2e7}.production-card textarea,.shot-card textarea{font-size:11px;line-height:1.7}.script-card #film-script{font-family:Consolas,'Courier New',monospace;font-size:12px;min-height:280px;line-height:1.85;padding:17px;color:#d8dbe1}.production-card .primary.wide{font-size:11px}.workflow-rail{display:block;position:sticky;top:0;margin:0;padding:17px}.workflow-rail h2{font-size:14px;margin:10px 0}.workflow-rail p{font-size:10px;line-height:1.75}.workflow-rail .hint{font-size:9px}.workflow-rail a{font-size:10px;color:#dbc08f}.rail-separator{background:#3b3e45;margin:18px 0}.stage-gate{border-color:#3b3e45;font-size:10px;padding:11px 0}.stage-gate small{font-size:9px;color:#ceb185}.approval-row{gap:10px;margin-top:16px}.approval-row .hint{font-size:9px}.production-toolbar{gap:8px;margin-bottom:14px}.production-toolbar button{font-size:11px}.shot-card,.take-card{border-color:#111214;border-radius:3px;background:#242629}.shot-card{padding:17px}.shot-number{background:#3a3429;border-color:#67523a;color:#e4c48f;border-radius:2px}.shot-heading h2{font-size:12px}.notice{border-radius:3px;background:#2c3036;border-color:#4a505b;color:#b2bdcd;font-size:10px;padding:12px 15px}.notice b{color:#e0e4eb}.empty-production{background:#202226;border-color:#4a4e57;border-radius:3px;color:#a0a8b5}.take-body{padding:14px}.take-card>img,.take-placeholder{background:#1c1e22}.qc-row{font-size:10px;border-color:#3c414b}.qc-row span:last-child{color:#d7b67c}#past-exports a{color:#d5bd94;border-color:#3b4149}
/* Dialogs use the same compact workspace language. */
dialog{background:#27292d;border-color:#50545c;border-radius:5px;padding:22px;box-shadow:0 22px 90px #000b}dialog::backdrop{background:#000b;backdrop-filter:none}.dialog-heading h2{font-size:18px}.dialog-heading>button{border-radius:2px}dialog>p{font-size:11px;color:#afb6c1}.export-spec{background:#202226;border-color:#454a54;border-radius:3px}.export-spec b{color:#d6dbe4}#export-results a{background:#363b44;border-color:#525d6e;color:#e0c69d;border-radius:3px}.crew-role{background:#33363d}.crew-role b{color:#e2d0b2}.crew-role small{color:#afb5bf}.crew-run{border-color:#444a55}.asset-dropzone{background:#25292f;border-color:#69717f;border-radius:3px;padding:17px}.asset-dropzone b{color:#d6dce6}.asset-dropzone.over{background:#393a35;border-color:#d4aa6b}.asset-import-controls label{font-size:10px}.asset-import-controls>button{height:33px}.asset-browser-toolbar input,.asset-inspector label>input,.asset-inspector select,.asset-inspector textarea,#name-project-form>input,#open-path-form>input{background:#1c1e22;border-color:#474d58;border-radius:3px;color:#dce1e9}.asset-inspector{border-color:#454a54}.asset-inspector a{color:#d9bf91}.asset-tile{background:#30343b;border-color:#4c535f;border-radius:3px}.asset-tile.selected{border-color:#d4aa6b;box-shadow:0 0 0 1px #d4aa6b55}.asset-tile-image{background:#1b1d21;color:#b8c0cd}.asset-inspector-preview{background:#17191c}.asset-browser{min-height:300px}.project-home{padding:35px 35px 25px;min-height:calc(100dvh - 152px);max-width:1400px}.project-card{background:#25272c;border-color:#42474f;border-radius:4px}.project-card .project-art{background:linear-gradient(135deg,#3c4149,#25282e);border-color:#4a525f;border-radius:3px;color:#d7bd93}.project-card h2{font-size:16px}.project-row.current{background:#383b42}.project-row{border-color:#454b55}.workspace-closed .workflow,.workspace-closed #toggle-media,.workspace-closed #toggle-inspector{visibility:hidden}.workspace-closed #workspace-title{font-size:0}.workspace-closed #workspace-title:after{content:'Project library';font-size:10px}body:not([data-stage=edit]) #toggle-media,body:not([data-stage=edit]) #toggle-inspector{display:none}#toast{bottom:70px;background:#3a3f48;border-color:#727c8d;border-radius:4px;color:#eef1f5;font-size:11px}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#50545d;border-radius:2px}::-webkit-scrollbar-track{background:#23252a}
@media(min-width:1600px){:root{--media-width:270px;--inspector-width:300px}.asset-preview{height:auto}.production-workspace{padding:20px;gap:18px}.page-heading h1{font-size:24px}}
@media(max-width:1250px){.topbar{gap:10px}.brand{min-width:150px}.local-pill{display:none}.project-heading input{width:160px}.creative-grid{grid-template-columns:1fr}.production-workspace{grid-template-columns:minmax(0,1fr) 245px}.timeline-title .technical{display:none}.timeline-footer>span:last-child{display:block}.workflow .project-label{display:none}}
@media(max-width:1000px){:root{--media-width:190px;--inspector-width:235px;--timeline-height:240px}.brand{min-width:140px}.header-actions #save-state{display:none}.header-actions #history{font-size:0;gap:0}.header-actions #history .studio-icon{width:15px;height:15px}.topbar{height:46px;padding:0 10px}.project-heading{flex-basis:auto}.project-heading input{width:150px}.workflow .stage-note{display:none}.workflow{gap:0}.workflow .stage{width:115px}.viewer-footer>span:last-child{display:none}.timeline-title{gap:6px}.edit-tools{gap:2px}.edit-tools button{padding:4px 5px}.edit-tools .zoom{margin-left:3px}.zoom input{width:55px}.inspector>.panel-heading .eyebrow{display:none}.production-workspace{grid-template-columns:minmax(0,1fr) 220px;padding:12px;gap:12px}.creative-grid{grid-template-columns:1fr}.workflow-rail{padding:14px}.page-heading h1{font-size:20px}.shot-fields{grid-template-columns:1fr}.shot-fields label.full{grid-column:1}.workspace-toolbar{gap:8px}#workspace-title{display:none}}
@media(max-width:760px){body{padding-bottom:50px}.topbar{height:auto;min-height:46px;flex-wrap:wrap;gap:5px 10px;padding:7px 10px}.brand{flex:1;min-width:130px;font-size:12px}.header-actions{gap:4px}.header-actions>button,.header-actions .primary{padding:5px 8px;font-size:10px}.header-actions #history{display:none}.project-heading{order:3!important;flex-basis:100%;justify-content:flex-start}.project-heading input{text-align:left;font-size:11px;width:220px}.local-pill{display:inline}.workspace-toolbar{height:34px;padding:0 6px}.workspace-toolbar button{font-size:10px;padding:4px 5px}.workspace-toolbar .toolbar-divider{margin:0 1px}#toggle-inspector{display:none!important}#edit-workspace{display:grid;grid-template-columns:155px minmax(220px,1fr);grid-template-rows:370px 240px auto;height:auto;min-height:0;padding:5px;gap:5px}.viewer-section{order:initial;height:auto;padding:0 9px}.viewer-heading{margin:0 -9px;padding:0 9px}.screen{min-height:130px}.library{order:initial;padding:0}.library #library-list{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:4px 8px 10px}.asset{width:auto;min-width:0;flex-shrink:0}.asset-preview{height:auto;aspect-ratio:16/9}.media-list .asset{display:block}.media-list .asset-preview{width:100%;height:auto}.library-foot{display:none}.bin-heading{font-size:9px}.media-search{padding:5px}.inspector{grid-column:1/-1;grid-row:3;order:initial;max-height:400px;display:block;overflow:auto;padding:0 12px 14px}.inspector .panel-heading{grid-column:auto}.inspector select{grid-column:auto;grid-row:auto}.trim-panel{padding-top:14px;margin-top:16px;border-top:1px solid var(--line)}.notes{max-height:none}.timeline-section{grid-row:2;order:initial;min-height:0}.timeline-header{height:auto;min-height:50px;flex-wrap:wrap;padding:6px 9px;gap:4px}.timeline-title{width:100%}.timeline-title .technical{display:inline}.edit-tools{width:100%;justify-content:flex-start}.edit-tools button{font-size:9px;padding:4px}.edit-tools .zoom{margin-left:auto}.tool-divider{display:block;margin:0 4px}.track-label{width:95px;padding-left:8px}.track-label b{font-size:9px}.track-label small{margin-left:29px}.panel-resizer{display:none}.timeline-footer>span:last-child{display:none}.timeline-footer{height:24px;padding:5px 9px}.statusbar{height:23px}.statusbar #workspace-save-status{display:none}.workflow{height:50px;padding:0 4px;justify-content:space-evenly}.workflow .stage{height:50px;width:auto;min-width:65px;flex:1;padding:4px}.workflow .stage b{font-size:9px}.workflow .stage .studio-icon{width:16px;height:16px}.production-workspace{height:auto;min-height:calc(100dvh - 180px);grid-template-columns:1fr;overflow:visible;padding:12px}.workflow-rail{position:static;display:block}.page-heading h1{font-size:20px}.page-heading{margin-bottom:12px}.creative-grid{gap:12px}.production-card{padding:15px}.shot-fields{grid-template-columns:1fr}.project-home{padding:25px 16px}.home-heading{align-items:flex-start;margin-bottom:20px}.home-heading h1{font-size:25px}.home-heading p{font-size:11px}.project-cards{grid-template-columns:1fr}.asset-browser{grid-template-columns:1fr}.asset-inspector{border-left:0;border-top:1px solid var(--line);padding:15px 0;max-height:350px}body.pool-hidden #edit-workspace{grid-template-columns:1fr}body.inspector-hidden #edit-workspace{grid-template-columns:155px minmax(220px,1fr)}body.pool-hidden.inspector-hidden #edit-workspace{grid-template-columns:1fr}.connection-banner:not([hidden])~#edit-workspace{height:auto}}
@media(max-width:480px){#edit-workspace{grid-template-columns:1fr;grid-template-rows:340px 235px 220px auto}.viewer-section{grid-row:1}.library{grid-row:3;grid-column:1}.library #library-list{display:flex;flex-direction:row;gap:9px}.asset{width:135px;min-width:135px}.asset-preview{height:70px}.bin-heading{display:none}.media-search{padding:5px 8px}.media-search input{height:23px}.library>.panel-heading{height:29px;min-height:29px}.inspector{grid-row:4}.workspace-toolbar #assets-button{font-size:0;gap:0}.workspace-toolbar #assets-button .studio-icon{width:16px;height:16px}.timeline-title .technical{font-size:8px}.timeline-title h2{font-size:10px}.edit-tools .zoom{display:none}.statusbar>span:first-child{max-width:65%}.topbar .file-menu{order:2}.project-heading{order:3!important}.header-actions{order:1}.header-actions #crew{font-size:0;gap:0}.header-actions #crew .studio-icon{width:16px;height:16px}body.pool-hidden #edit-workspace{grid-template-rows:340px 235px auto}body.pool-hidden .inspector{grid-row:3}body.inspector-hidden #edit-workspace{grid-template-columns:1fr}.home-heading{flex-wrap:wrap}.asset-import-controls{flex-wrap:wrap}.asset-import-controls label{min-width:120px;flex:1}.asset-import-controls>button{margin-left:0}.project-dialog-tools{flex-wrap:wrap}}
@media(max-width:760px){.topbar .project-heading{flex-basis:100%}}
@media(max-width:480px){.topbar .file-menu>div{left:auto;right:0}}