.video-workspace{background:#eaf0f7;border:1px solid #cbd7e5;border-radius:7px;overflow:hidden;margin-bottom:30px}.workspace-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:16px;background:#102b50;color:#fff}.workspace-toolbar>div{margin-right:auto}.workspace-toolbar strong{font-size:1.2rem;display:block}.workspace-toolbar .note{color:#bacfe6}.video-workspace label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;min-width:0}.video-workspace input,.video-workspace select{font:inherit;padding:8px;border:1px solid #bdccdf;border-radius:4px;max-width:100%;min-width:0}.video-workspace input[type=file]{width:100%;font-size:.76rem;background:#fff}.video-workspace input[type=range]{padding:0}.video-workspace h2{font-family:inherit;font-size:.95rem;letter-spacing:0;font-weight:700;margin:0 0 14px}.workspace-panels{display:grid;grid-template-columns:210px minmax(0,1fr) 235px}.workspace-media,.workspace-inspector{padding:16px;background:#f8fafc}.workspace-media{border-right:1px solid #cbd7e5}.workspace-inspector{border-left:1px solid #cbd7e5}.workspace-inspector>label,.workspace-media>label{margin-bottom:12px}.workspace-inspector .btn{width:100%}.workspace-media .btn{font-size:.76rem;padding:9px}.media-bin{display:flex;flex-direction:column;gap:8px;margin:12px 0}.media-bin button{border:1px solid #a8c0db;border-left:4px solid #247ed0;border-radius:4px;background:#edf5ff;color:#193e67;text-align:left;padding:10px;cursor:pointer;overflow-wrap:anywhere}.workspace-preview{min-width:0;padding:18px}.workspace-screen{background:#06152a;min-height:200px;display:flex;align-items:center;justify-content:center}.workspace-screen canvas{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}.preview-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.preview-transport input{width:95px}.preview-transport output{font-size:.78rem;margin-left:auto;color:#23486e}.preview-transport .btn{font-size:.78rem;padding:10px}.inspector-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.inspector-pair input[type=color]{width:100%;height:35px;padding:3px}.workspace-timeline{padding:16px;border-top:1px solid #cbd7e5}.timeline-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.timeline-toolbar h2{margin:0 auto 0 0}.timeline-toolbar .btn{font-size:.75rem;padding:9px}.timeline-scroll{overflow:auto;padding-bottom:6px;position:relative}.timeline-ruler{height:22px;position:relative;border-bottom:1px solid #bdd0e3;font-size:.67rem;color:#536d88}.timeline-ruler span{position:absolute;white-space:nowrap;border-left:1px solid #97aec9;padding-left:4px}.timeline-clips{display:flex;gap:0;min-height:80px;padding-top:7px}.timeline-clips button{flex-shrink:0;text-align:left;padding:10px;border:2px solid #f0f5fc;border-radius:5px;background:linear-gradient(120deg,#244d7a,#16385f);color:#fff;overflow:hidden;cursor:pointer;min-width:60px}.timeline-clips button[aria-pressed=true]{border-color:#51c4ff;background:#2867a2}.timeline-clips small{display:block;color:#c8e8ff;margin-top:7px;font-size:.7rem}.timeline-audio{margin-top:8px;min-height:35px;background:#d5e9e8;color:#245958;border-left:3px solid #56a49a;padding:9px;font-size:.76rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.video-workspace button:disabled{opacity:.45;cursor:not-allowed}body:has(.video-workspace) main.container{width:min(1440px,calc(100% - 32px))}body:has(.video-workspace) .tool-hero{padding-top:14px}body:has(.video-workspace) .tool-hero h1{font-size:2.7rem}@media(max-width:1100px){.workspace-panels{grid-template-columns:170px minmax(0,1fr)}.workspace-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #cbd7e5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-inspector h2,.workspace-inspector>p{grid-column:1/-1}.workspace-inspector label{margin:0}.workspace-preview{padding:12px}}@media(max-width:650px){.workspace-panels{display:block}.workspace-media{border-right:0;border-bottom:1px solid #cbd7e5}.media-bin{flex-direction:row;flex-wrap:wrap}.media-bin button{max-width:47%}.workspace-inspector{display:grid;grid-template-columns:1fr 1fr}.workspace-toolbar{gap:10px}.workspace-toolbar>div{width:100%}.workspace-screen{min-height:160px}.workspace-timeline{padding:12px}.timeline-toolbar label{width:100%}}