*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#050505;color:#eee;font:14px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;background:#111;border:1px solid #444;border-radius:6px;padding:9px}button{cursor:pointer}button:hover:not(:disabled){border-color:#ffd447}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffd447;outline-offset:2px}button:disabled{opacity:.4;cursor:default}.gold,button[aria-pressed=true]{background:#ffd447;color:#080808;border-color:#e4b936}.record{color:#ff6964;border-color:#e8554c}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#030303;border-right:1px solid #796225;padding:10px;overflow:auto;z-index:5}.logo{width:210px;height:182px;object-fit:contain}.back{display:block;border-block:1px solid #333;padding:17px 9px}nav a{display:flex;gap:15px;align-items:center;padding:13px 9px;border-radius:8px;margin-top:3px}nav img{width:25px;height:25px}nav .active{background:#ffd447;color:#000}nav .active img{filter:brightness(0)}footer{border-top:1px solid #444;margin-top:20px;padding:18px 8px;font-weight:bold}small{font-size:12px;color:#aaa;line-height:1.5}main{margin-left:230px;padding:0 10px 15px}header{height:180px;padding:29px 20px 10px;background:#090909 url('/brand/video-header.png') center/cover;border-bottom:1px solid #aa8222}h1{font-size:60px;line-height:1;margin:0;font-weight:900;letter-spacing:1px;text-shadow:0 2px 5px #000}h1 span{color:#ffd447}header p{letter-spacing:3px;font-size:12px;font-weight:bold;margin:12px 0}header div{display:flex;justify-content:flex-end;align-items:center;gap:8px}header input{width:210px;background:#050505}header a{padding:9px;border:1px solid #666;border-radius:6px;background:#111}.panel{min-width:0;background:#090a0b;border:1px solid #786024;border-radius:9px;padding:10px}h2{font-size:16px;margin:0 0 12px}label{display:block;color:#bbb;font-size:12px;margin:12px 0}label select,label input:not([type=checkbox]),label textarea{display:block;width:100%;margin-top:6px}label input[type=checkbox]{margin-right:8px}input[type=range]{accent-color:#ffd447;padding:0}textarea{width:100%;resize:vertical}.modes{display:flex;gap:7px;margin:8px 0;padding:5px;overflow:auto}.modes button{white-space:nowrap;flex:1;padding:13px 9px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:8px}.setup{height:610px;overflow:auto}.setup button{margin:4px 0;padding:9px}.setup video{width:100%;height:125px;background:#060606;object-fit:contain;margin-top:10px}.setup small{display:block;margin-top:10px}.setup p{font-size:12px;color:#aaa}.center{display:flex;flex-direction:column;gap:8px;min-width:0}.preview{padding:7px}.previewbar{display:flex;justify-content:space-between;color:#ffd447;font-size:12px;padding:5px 4px 9px}canvas{width:100%;aspect-ratio:16/9;background:#000;display:block;border-radius:5px}.transport{display:flex;gap:5px;align-items:center;margin-top:8px;flex-wrap:wrap}.transport button{font-size:12px;padding:8px}.transport #clock{margin:auto;font-size:12px}.timelinebar{display:flex;align-items:center;gap:5px}.timelinebar button{padding:7px;font-size:12px}#duration{margin-left:auto;font-size:12px;color:#bbb}#timeline{display:flex;gap:5px;overflow:auto;margin:8px 0;min-height:55px}#timeline button{min-width:105px;max-width:180px;text-align:left;border-color:#796225;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#timeline button[aria-pressed=true]{color:#eee;background:#17130a;border-color:#ffd447}#timeline small{display:block;margin-top:5px}.trim{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;align-items:end}.trim label{margin:7px 0}.trim button{padding:7px;font-size:12px}.right{display:flex;flex-direction:column;gap:8px;min-width:0}.scenes{min-height:255px}.tabs{display:flex;gap:4px;margin-bottom:9px}.tabs button{flex:1;padding:8px 5px;font-size:12px}#scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#scenes button{padding:0;overflow:hidden;font-size:11px}#scenes button img{width:100%;height:55px;object-fit:cover;display:block}#scenes button span{display:block;padding:8px 3px}.quick h2{font-size:14px}.quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.quick button{padding:8px 3px;font-size:11px}.export label{display:flex;align-items:center;gap:10px;margin:8px 0}.export label select{width:60%;margin:0 0 0 auto}.export>button{width:100%;margin-top:8px}.export small{display:block;margin-top:10px}.media{margin-top:8px}.mediahead{display:flex;gap:12px;align-items:center}.mediahead h2{margin:0 auto 0 0;color:#ffd447}.mediahead button{font-size:12px}.mediahead label{display:flex;gap:8px;align-items:center;margin:0}.mediahead input{width:80px!important}#library{display:flex;gap:8px;overflow:auto;margin:10px 0;min-height:62px}#library button{text-align:left;min-width:115px;max-width:160px;font-size:12px}#library img{width:120px;height:55px;object-fit:cover;display:block;margin-bottom:7px}#library small{display:block;margin-top:6px}#status{color:#ffd447;font-size:13px}#prompter{padding:12px;font-size:18px;white-space:pre-wrap;max-height:150px;overflow:auto}#menu{display:none}.source{font-size:12px;color:#aaa;margin-left:15px}dialog{background:#101113;color:#eee;border:1px solid #bd9330;border-radius:10px;width:min(560px,94vw);max-height:85vh;overflow:auto;padding:25px}dialog::backdrop{background:#000b}dialog p{line-height:1.6}dialog button,dialog a{display:inline-block;padding:12px;margin:5px;border:1px solid #777;border-radius:6px}dialog video{width:100%;max-height:260px;background:#000}@media(max-width:1250px){.workspace{grid-template-columns:210px minmax(0,1fr) 250px}.modes button{flex:0 0 auto}h1{font-size:52px}.transport #clock{order:9;width:100%;text-align:center}}@media(max-width:1000px){aside{width:200px}.logo{width:180px}main{margin-left:200px}.workspace{grid-template-columns:190px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.right .export{grid-column:2;grid-row:1/3}.setup{height:620px}.scenes{min-height:0}header div{justify-content:flex-start}}@media(max-width:650px){aside{display:none;width:230px}.logo{width:210px}aside.open{display:block}main{margin:0;padding:0 8px 15px}#menu{display:block;margin-top:7px}header{height:210px;padding:28px 12px 10px}h1{font-size:38px}header p{letter-spacing:1px;font-size:10px;line-height:1.5}header div{flex-wrap:wrap}header input{width:100%}.workspace{display:flex;flex-direction:column}.center{order:0}.setup{order:1;height:auto}.right{order:2;display:flex}.setup video{height:160px}.mediahead{flex-wrap:wrap}.mediahead label{width:100%}.mediahead h2{width:100%}.trim{grid-template-columns:1fr 1fr}.modes button{padding:12px}.transport #clock{order:9;width:100%}.right .export{grid-column:auto}.export label select{width:70%}}#library button[aria-pressed=true]{background:#17130a;color:#eee;border-color:#ffd447}.workspace>*{min-width:0}

@media(min-width:1001px){canvas{height:290px;aspect-ratio:auto;object-fit:contain}.setup{height:580px}.scenes{min-height:220px}#scenes button img{height:45px}#scenes button span{padding:6px 3px}.export small{font-size:11px}.media #library img{height:40px}}

@media(min-width:1001px){header{height:160px;padding-top:20px}canvas{height:220px}.setup{height:565px}.trim label{margin:4px 0}.trim input,.trim select{padding:6px}.media #library img{height:30px}.media #library{margin:6px 0;min-height:50px}.media small{font-size:11px}}