.deployment-note{width:min(1600px,100%);margin:0 auto;height:27px;padding:5px 14px;background:#0c1c25;color:#dcebf0;font-size:11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #1c4d55}.deployment-note .note-right{margin-left:auto}.deployment-note a{color:var(--gold)}.dot{display:inline-block;width:9px;height:9px;background:#8d8d8d;border-radius:50%;box-shadow:0 0 0 1px #06171f}.dot.on{background:var(--green);box-shadow:0 0 7px #10c4738c}.studio-shell{display:flex;flex-direction:column;gap:5px;margin:0 auto;width:min(1600px,100%);height:clamp(730px,calc(100dvh - 52px),1050px);min-height:730px;padding:4px;background:var(--bg);border:1px solid #0e2035;overflow:hidden}.topbar{flex:0 0 37px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#0a111b;border:1px solid #142637;border-radius:6px;min-width:0}.brand{display:flex;align-items:center;gap:8px;min-width:335px}.brand-symbol{width:36px;height:31px;display:grid;place-items:center}.brand-play{width:27px;height:27px;background:#f5dc00;clip-path:polygon(7% 4%,92% 50%,7% 96%);position:relative}.brand-play:after{content:'';position:absolute;inset:6px 10px 6px 5px;background:#0e1317;clip-path:polygon(0 0,100% 50%,0 100%)}.brand-words strong{font-size:13px;letter-spacing:.15px;white-space:nowrap}.brand-words em{font-style:normal;color:#ffdf00;font-weight:900}.brand-words small{display:block;white-space:nowrap;font-size:8px;color:#bbc3d0;letter-spacing:1.7px;font-weight:bold;margin-top:2px}.tag-demo{font-size:8px;letter-spacing:0;color:#ffb000}.topnav{display:flex;align-items:center;gap:3px;border-left:1px solid #28394c;padding-left:7px}.topnav-btn{background:transparent;border:0;border-right:1px solid #182c43;padding:8px 7px;display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px}.topnav-btn i{width:13px;height:13px}.header-project{flex:1;min-width:90px}.project-select{width:100%;max-width:260px;min-width:140px;background:#1b2937;border:1px solid #5a6a79;border-radius:6px;padding:6px 8px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}.header-status{display:flex;gap:5px}.status-pill{border:1px solid #315e49;border-radius:6px;background:#102b27;padding:5px 8px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.status-pill.proxy{font-weight:bold;color:#00e5b9}.header-utility{display:flex;align-items:center;gap:2px}.header-export{white-space:nowrap}.workbench{display:grid;grid-template-columns:minmax(93px,7.4%) minmax(280px,24.3%) minmax(320px,1fr) minmax(265px,25%);gap:4px;min-height:0;flex:1 1 auto}.panel{background:linear-gradient(120deg,#0e1a29,#0a1321);border:1px solid var(--panel-border);border-radius:9px;min-width:0;min-height:0;overflow:hidden;box-shadow:inset 0 1px 0 #24394e}.left-rail{padding:7px 5px}.media-panel{padding:5px 6px;display:flex;flex-direction:column}.player-panel{display:flex;flex-direction:column}.inspector-panel{display:flex;flex-direction:column;padding:5px 6px}.toolstrip{height:37px;flex-shrink:0;border:1px solid var(--panel-border);border-radius:8px;display:flex;justify-content:space-between;gap:7px;align-items:center;background:#0c1828;padding:3px 7px;overflow:hidden}.toolstrip-left,.zoom-tools{display:flex;gap:4px;align-items:center;min-width:0}.zoom-tools{white-space:nowrap;font-size:11px}.bottom-panels{height:33.5%;min-height:235px;display:grid;grid-template-columns:minmax(600px,1fr) minmax(280px,25%);gap:5px;flex:0 0 auto}.timeline-panel{display:flex;flex-direction:column}.mixer-panel{display:flex;flex-direction:column}.bottom-caption{text-align:center;color:#889fac;background:#060b13;font-size:10px;padding:4px}.studio-shell .btn,.studio-shell .small-pill,.studio-shell .small-select,.studio-shell .icon-button,.studio-shell .mini-button,.studio-shell .tool-pill,.studio-shell .tool-icon{border-radius:5px}
@media(max-width:1350px){.header-status .status-pill:first-child{display:none}.brand{min-width:295px}.brand-words strong{font-size:11px}.topnav-btn{font-size:10px;padding-inline:4px}.toolstrip .tool-pill{font-size:10px;padding:5px}.toolstrip-left{gap:2px}.zoom-tools span{display:none}}
@media(max-width:1100px){.topnav{display:none}.brand{min-width:280px}.workbench{grid-template-columns:93px 250px minmax(300px,1fr) 245px}.bottom-panels{grid-template-columns:minmax(550px,1fr) 245px}.studio-shell{width:100%;overflow:auto}.workbench,.bottom-panels,.toolstrip,.topbar{min-width:1030px}}