:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecedf3;background:#0b0d14}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}header{height:76px;border-bottom:1px solid #242736;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));background:#10121b}.brand,header{display:flex;align-items:center}.brand{gap:12px}.brand strong{display:block;font-size:20px;letter-spacing:-.04em}.brand small{display:block;color:#9296aa;font-size:11px;margin-top:2px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6fa75;color:#12140b;font-size:28px;font-weight:800}.ghost{background:#242735;color:#dfe1ec;border:1px solid #333748}button:not(.ghost):not(.project):not(.source-link){background:#dafa73;color:#171b0b;font-weight:700}.download,button{border-radius:9px;padding:11px 16px}.download:hover,button:hover{filter:brightness(1.08)}main{max-width:1400px;margin:auto;padding:34px 24px 80px}.intro{display:grid;grid-template-columns:1fr minmax(320px,550px);grid-gap:50px;gap:50px;align-items:center;background:radial-gradient(circle at 10% 10%,#263627 0,#171c20 38%,#151822 100%);border:1px solid #2b3431;border-radius:20px;padding:34px 42px;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#cbea77}.intro h1{font-size:clamp(29px,3vw,46px);letter-spacing:-.055em;margin:10px 0 8px}.editor-head p,.intro p,.muted{color:#a2a5b7}.intro p{margin:0}.import{background:#10141c;border:1px solid #343c39;padding:18px;border-radius:12px}.import label,label{font-size:13px;font-weight:650}.import .row{display:flex;gap:8px;margin:10px 0}.import input{flex:1 1;min-width:0}.import small{color:#8e94a3;font-size:11px}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:flex-start}.editor,aside{background:#12151f;border:1px solid #282d3a;border-radius:16px}aside{padding:18px;min-height:400px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2,.section-title h3{margin:0;font-size:17px}.section-title span{background:#272b37;color:#a9adbd;border-radius:9px;padding:4px 8px;font-size:12px}.project-list{display:grid;grid-gap:8px;gap:8px}.project{width:100%;text-align:left;background:transparent!important;color:inherit!important;display:flex;gap:10px;padding:9px!important;border:1px solid transparent!important}.project.active{background:#242a30!important;border-color:#525f49!important}.thumb{height:57px;width:75px;min-width:75px;border-radius:7px;background:#262a35;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.project-info{min-width:0;display:flex;flex-direction:column;justify-content:center}.project-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-info small{color:#a1a6b6;font-size:11px;margin-top:5px;text-transform:capitalize}.empty{color:#8e94a3;font-size:13px;padding:40px 10px}.editor{min-height:520px;padding:25px}.empty-editor{text-align:center;padding:125px 20px;color:#9a9fb0}.empty-editor h2{color:#e9eaf0}.big-icon{font-size:38px;background:#222a24;color:#dafa73;width:80px;height:80px;display:grid;place-items:center;border-radius:20px;margin:auto}.editor-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.editor-head h2{font-size:25px;margin:5px 0;letter-spacing:-.035em}.editor-head p{margin:0 0 18px;font-size:13px}.source-link{font-size:12px;color:#dafa73;white-space:nowrap}.preview{position:relative;background:#050609;border-radius:12px;overflow:hidden;display:grid;place-items:center;min-height:230px}.preview video{max-width:100%;max-height:480px;width:auto}.captions,.controls,.exports{padding-top:26px}.fields{display:grid;grid-template-columns:1fr 1fr 1.3fr;grid-gap:12px;gap:12px}.fields label{display:grid;grid-gap:8px;gap:8px;color:#b9bdcb}.fields input,.fields select{width:100%}.control-bottom{gap:12px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.check,.control-bottom{display:flex;align-items:center}.check{gap:8px;color:#ccd0dc}.check input{accent-color:#dafa73}.hint{display:block;margin-top:10px;color:#e9ba77}.captions,.exports{border-top:1px solid #2a2e3c;margin-top:26px}.cue-list{max-height:330px;overflow:auto;display:grid;grid-gap:6px;gap:6px}.cue{display:grid;grid-template-columns:85px 85px 1fr;grid-gap:7px;gap:7px}.cue input{width:100%;font-size:12px}.export-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #262a36}.export-row small,.export-row strong{display:block}.export-row small{color:#a1a6b6;margin-top:4px;font-size:12px}.download{background:#dafa73;color:#171b0b;font-size:12px;font-weight:700}.loading{padding:80px 20px;text-align:center;color:#a9b0b4}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #57694b;border-top-color:#dafa73;border-radius:50%;vertical-align:middle;margin-right:8px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}input,select{background:#0c0e16;color:#eef0f8;border:1px solid #373d4c;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:#c5e66a}.alert{border:1px solid #74484e;background:#352329;color:#ffc4cc;padding:14px;border-radius:9px;margin-bottom:20px;display:flex;justify-content:space-between}.alert button{background:transparent!important;color:inherit!important;padding:0 4px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,390px);background:#151923;border:1px solid #303543;border-radius:20px;padding:30px}.login-card .mark{margin-bottom:18px}.login-card h1{margin:0;font-size:32px}.login-card p{color:#9fa5b4;margin:6px 0 24px}.login-card label{display:grid;grid-gap:9px;gap:9px}.login-card input{margin-bottom:16px}.login-card button{width:100%}.login-card .error{color:#ffadb6;margin:15px 0 0}footer{text-align:center;color:#656b7d;font-size:11px;padding:20px}@media(max-width:900px){.intro{gap:22px}.intro,.workspace{grid-template-columns:1fr}aside{min-height:0}.project-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:600px){header{padding:0 18px}.intro{padding:24px}.import .row{flex-direction:column}.fields{grid-template-columns:1fr 1fr}.fields label:last-child{grid-column:span 2}.editor{padding:16px}.editor-head{flex-direction:column;gap:0}.cue{grid-template-columns:65px 65px 1fr}.cue input{padding:7px 5px}}.caption-overlay{position:absolute;bottom:54px;left:8%;right:8%;text-align:center;color:white;font-size:clamp(16px,2vw,27px);font-weight:800;line-height:1.25;text-shadow:0 2px 4px #000,0 0 7px #000;pointer-events:none}