.studio{color:#f4f5f7;background:#0d0f12;grid-template-rows:52px auto minmax(0,1fr) auto;min-height:100vh;margin:0;font-size:13px;display:grid}.topbar{background:#15181d;border-bottom:1px solid #303640;align-items:center;gap:10px;padding:0 14px;display:flex}.topbar .logo{margin-right:14px;font-size:16px;font-weight:850}.topbar .logo span{color:#d7a532}.topbar a,.topbar button{color:#d7dde7;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;text-decoration:none}.topbar a:hover,.topbar button:hover{background:#252a32}.topbar .feedback{color:#f4d67c;border:1px solid #65552d;margin-left:auto}.warning{color:#f2d879;text-align:center;background:#33270c;border-bottom:1px solid #65552d;padding:9px 16px;font-weight:700}.workspace{background:#303640;grid-template:"bin preview inspector"minmax(390px,1fr)"timeline timeline timeline"260px/230px minmax(420px,1fr) 280px;gap:1px;min-height:650px;display:grid}.panel{background:#15181d;min-width:0}.media-bin{grid-area:bin;padding:14px;overflow:auto}.preview-panel{grid-area:preview;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.inspector{grid-area:inspector;padding:14px;overflow:auto}.timeline-panel{grid-area:timeline;padding:12px 14px;overflow:auto}.panel-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-title h2{letter-spacing:.09em;text-transform:uppercase;color:#c9d0da;margin:0;font-size:12px}.btn{color:#f4f5f7;cursor:pointer;background:#232832;border:1px solid #3a414c;border-radius:7px;padding:9px 11px;font-weight:700}.btn:hover{border-color:#596272}.btn.primary{color:#17120a;background:#d7a532;border-color:#d7a532}.btn:disabled{opacity:.45;cursor:not-allowed}.file-button{text-align:center;display:block}.file-button input{opacity:0;pointer-events:none;position:absolute}.media-list,.timeline-list{gap:8px;display:grid}.media-item,.clip-row{cursor:pointer;background:#1d2128;border:1px solid #343b48;border-radius:8px;padding:10px}.media-item.active,.clip-row.active{border-color:#d7a532;box-shadow:0 0 0 1px #d7a532}.media-item strong,.clip-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-item span,.clip-row span{color:#9da6b4;font-size:11px}.empty{color:#8f98a5;text-align:center;padding:22px 6px;line-height:1.5}.stage{background:#060709;border:1px solid #252b33;border-radius:8px;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.stage canvas{background:#000;max-width:100%;max-height:100%}.stage-empty{text-align:center;color:#8f98a5;position:absolute}.transport{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;display:grid}.transport input{width:100%}.time{font-variant-numeric:tabular-nums;color:#aeb6c2;text-align:right;min-width:96px}.group{border-top:1px solid #303640;margin-top:14px;padding-top:14px}.group:first-of-type{border:0;margin-top:0;padding-top:0}.group h3{text-transform:uppercase;letter-spacing:.1em;color:#8f98a5;margin:0 0 10px;font-size:11px}.field{gap:6px;margin-bottom:10px;display:grid}.field label{color:#c6ccd5;font-weight:700}.field input,.field select,.field textarea{color:#f4f5f7;background:#101216;border:1px solid #3a414c;border-radius:7px;width:100%;padding:9px}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.timeline-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.timeline-toolbar .spacer{flex:1}.clip-row{grid-template-columns:minmax(140px,1fr) 90px 90px 120px 90px;align-items:center;gap:8px;display:grid}.clip-row input,.clip-row select{color:#fff;background:#101216;border:1px solid #3a414c;border-radius:5px;width:100%;min-width:0;padding:7px}.clip-row button{color:#fff;cursor:pointer;background:#2a3039;border:0;border-radius:5px;padding:7px}.caption-box{resize:vertical;min-height:74px}.statusbar{color:#9da6b4;background:#111419;border-top:1px solid #303640;align-items:center;gap:14px;padding:9px 14px;display:flex}.statusbar progress{flex:1;max-width:260px}.network-strip{color:#19150e;background:#f7f4ec}.network-strip .consumer-network,.network-strip .ad-rail{margin-top:0}.mobile-note{display:none}@media (width<=980px){.workspace{grid-template:"preview preview"520px"bin inspector""timeline timeline"/190px 1fr}.topbar .privacy{display:none}}@media (width<=700px){.studio{display:block}.workspace{min-height:0;display:block}.panel{border-bottom:1px solid #303640}.preview-panel,.media-bin,.inspector,.timeline-panel{padding:12px}.stage{min-height:260px}.transport{grid-template-columns:auto auto 1fr}.time{text-align:left;grid-column:1/-1}.clip-row{grid-template-columns:1fr 1fr}.clip-row strong{grid-column:1/-1}.topbar .menu-link{display:none}.topbar{min-height:52px}.warning{font-size:12px}.mobile-note{display:block}.network-strip .consumer-network{grid-template-columns:1fr}}.timeline-labels,.clip-row{grid-template-columns:minmax(140px,1fr) 80px 80px 150px 78px 76px}.timeline-labels{color:#77808d;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:0 10px 6px;font-size:10px;display:grid}.caption-actions{justify-content:space-between;align-items:center;gap:8px;margin:-2px 0 10px;display:flex}.caption-actions span,.panel-help,.panel-title span{color:#8f98a5;font-size:11px;line-height:1.45}.panel-help{margin:10px 0 14px}.field output{float:right;color:#d7a532;font-variant-numeric:tabular-nums}.file-button{position:relative;overflow:hidden}.file-button input:not([hidden]){opacity:0;pointer-events:auto;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-item{color:#f4f5f7;text-align:left;width:100%}@media (width<=700px){.timeline-labels{display:none}.clip-row{grid-template-columns:1fr 1fr}.topbar>a:last-child{display:none}.topbar a,.topbar button,.topbar label,.btn,.field input,.field select,.field textarea,.clip-row input,.clip-row select,.clip-row button{min-height:44px;font-size:16px}.topbar{-webkit-overflow-scrolling:touch;overflow-x:auto}.stage{min-height:220px}.transport input[type=range]{min-height:44px}}