.workflow{max-width:1544px;margin:0 auto 20px;padding:0 28px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.workflow button{background:white;border:1px solid #dce6f5;border-radius:10px;padding:13px 8px;color:#617794;font-size:11px;display:flex;align-items:center;gap:7px}.workflow b{display:grid;place-items:center;width:20px;height:20px;background:#edf4ff;border-radius:50%;color:#075bff;flex-shrink:0}.workflow .active{border-color:#075bff;background:#eaf2ff;color:#075bff}.planning{margin:0 28px 22px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-two{grid-column:1/-1}.plan-note{font-size:11px;color:#7e8daa;line-height:1.8}.queue-item{padding:12px;border:1px solid #dce7f5;border-radius:10px;margin-bottom:10px}.queue-item strong{font-size:12px;display:block}.queue-item small,.queue-item p{font-size:10px;color:#7a8da8;line-height:1.6;display:block}.queue-item .button{padding:6px 8px;font-size:10px;margin-right:5px}.unified-layout{grid-template-columns:245px minmax(330px,1fr) 345px}.scene-row{display:flex;text-align:left;align-items:center;gap:10px;width:100%;padding:11px 9px;border:1px solid transparent;background:white;border-radius:9px;color:#253e60}.scene-row.selected{background:#edf4ff;border-color:#bed5ff}.scene-row strong{font-size:11px;line-height:1.5;display:block}.scene-row small{display:block;margin-top:4px;font-size:9px;color:#7b8ba4}.cut-chip{border:0;background:white;font-size:9px;color:#598cd1;display:block;padding:5px 22px}.row-actions{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.row-actions .button{font-size:10px;padding:7px 9px}.stage-head select{width:auto;max-width:170px;margin:0;padding:6px;font-size:10px}.inspector-tabs{display:flex;border-bottom:1px solid #dce7f5;gap:8px;margin:18px 0}.inspector-tabs button{border:0;background:white;font-size:11px;color:#72849f;padding:10px}.inspector-tabs .active{border-bottom:2px solid #075bff;color:#075bff;font-weight:800}.mini-items{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.mini-items button{border:1px solid #e1e8f3;border-radius:7px;padding:8px;background:white;color:#546b8c;font-size:10px;text-align:left}.mini-items small{float:right;color:#91a2ba}.mini-items .selected{border-color:#9cbeff;background:#eef5ff;color:#075bff}.record-row small{font-size:9px;color:#8d9db4;display:block;line-height:1.7;margin-top:8px}.video-timeline{display:flex;gap:4px}.video-timeline button{border:1px solid #d3e2f5;background:#edf4ff;color:#6181ae;border-radius:7px;padding:9px 2px;min-width:25px;overflow:hidden;font-size:11px}.video-timeline .active{border-color:#075bff;color:#075bff}.video-timeline small{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px}.video-timeline .timeline-cut{background:#075bff;color:white;border-color:#075bff;min-width:18px}.item-tracks{margin-top:20px}button:disabled{opacity:.5;cursor:wait}@media(max-width:1150px){.unified-layout{grid-template-columns:205px minmax(280px,1fr) 295px;padding:0 15px}.workflow{padding:0 15px}.planning{margin-left:15px;margin-right:15px}.workflow button{font-size:9px}.planning{grid-template-columns:1fr 250px}}@media(max-width:900px){.unified-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.planning{grid-template-columns:1fr}.queue{max-height:250px;overflow:auto}.workflow{grid-template-columns:repeat(3,1fr)}.item-list{grid-column:1/-1}.scene-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:620px){.planning{margin:0 12px 20px}.unified-layout{padding:0 12px}.workflow{padding:0 12px;gap:6px}.workflow button{padding:10px 6px;min-width:0;gap:4px;font-size:9px}.workflow b{width:18px;height:18px}.plan-fields{grid-template-columns:1fr}.span-two{grid-column:auto}.intro h1{font-size:21px}.stage-head select{max-width:190px}.timeline-panel{padding:13px}.video-timeline button{min-width:15px}.video-timeline .timeline-cut{min-width:14px}.video-timeline small{font-size:7px}.scene-list{grid-template-columns:1fr 1fr}}

.unified-layout .stage-head{flex-wrap:wrap}.stage-head #video-fps{width:80px;max-width:80px}.unified-layout .stage-head .live{flex:1;min-width:110px}