:root{color-scheme:dark;--bg:#15171b;--panel:#202329;--field:#30343c;--white:#fff;--muted:#aeb4c0;--accent:#465d83;--border:#343943}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#292d35;color:#e9edf4;border-radius:6px;padding:8px 13px;font-size:14px;white-space:nowrap;transition:background .15s}button:hover{background:#3b4555}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #92afde;outline-offset:3px}.primary{background:var(--accent);border-color:#5f769b}.primary:hover{background:#5876a4}header{height:80px;max-width:1600px;margin:auto;display:flex;align-items:center;gap:20px;padding:0 36px}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.brand img{width:38px;height:38px}.brand>span{font-size:25px;font-weight:700;letter-spacing:-1px}.brand small{border-left:1px solid var(--border);margin-left:7px;padding-left:17px;letter-spacing:2px;color:var(--muted);font-size:12px}#status{margin-left:auto;color:var(--muted);font-size:14px}main{max-width:1600px;margin:auto;padding:0 36px}.workspace{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 15px 60px #0002}.toolbar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px}.toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.editor{display:grid;grid-template-columns:255px 1fr;min-height:410px}aside{border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;gap:5px;margin-bottom:14px}.tabs button{flex:1;background:transparent;border-color:transparent;padding:10px}.tabs button[aria-selected=true]{background:var(--accent);color:white}.wide{display:block;width:100%;margin-bottom:7px;text-align:left}.local-note{font-size:12px;color:#8792a4;margin-top:auto;padding-top:15px}.stage{min-width:0;padding:17px 20px;display:flex;flex-direction:column}.stage-title,.preview-foot{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);gap:15px}.stage-title{margin-bottom:12px}.preview{position:relative;flex:1;min-height:290px;display:flex;align-items:center;justify-content:center;background:#0d0f12;border:1px solid #2c313b;border-radius:7px;overflow:hidden}.preview canvas{width:100%;height:100%;object-fit:contain;position:absolute;max-height:400px}.preview-foot{margin-top:10px}#previewEmpty{position:relative;text-align:center;padding:20px;pointer-events:none}.xi-mark{display:inline-block;font-weight:800;font-size:52px;letter-spacing:-5px;color:#566e94}.preview p{font-size:17px;margin:13px 0 5px}.preview span{color:#8994a5;font-size:14px}#fileList{margin-top:20px;max-height:250px;overflow:auto}.empty-files{text-align:center;padding:32px 4px;color:var(--muted)}.empty-files>span{font-size:35px;color:#5b6d86}.empty-files p{font-size:14px}.empty-files small{font-size:12px}.file{padding:10px 8px;margin-bottom:6px;border:1px solid #363c46;border-radius:5px;cursor:grab;background:#272c34;font-size:13px;display:flex;gap:9px;align-items:center}.file.selected{border-color:#839bc1;background:#35445d}.file-text{min-width:0}.file b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file small{color:var(--muted);font-size:12px}#log{white-space:pre-wrap;font-size:12px;color:var(--muted);max-height:310px;overflow:auto;overflow-wrap:anywhere}.timeline{border-top:1px solid var(--border)}.timeline-top{padding:12px 18px;display:flex;align-items:center;gap:20px}.timeline-top strong{font-size:14px;font-weight:500}.timeline-top #clock{font-variant-numeric:tabular-nums;font-size:14px;color:#dee5ef}.timeline-top i{color:#828e9f;font-style:normal}.zoom{margin-left:auto;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}input[type=range]{accent-color:#829bc3}.tracks-layout{display:grid;grid-template-columns:155px 1fr;border-top:1px solid #303640;background:#191c22}#laneLabels{border-right:1px solid #343c49;color:var(--muted);font-size:13px;background:#22262d}#laneLabels>div{height:57px;padding:18px 12px;border-bottom:1px solid #303640}#laneLabels>.ruler-spacer{height:32px;padding:0}#trackScroll{overflow-x:auto;overflow-y:hidden}#trackArea{position:relative;min-width:100%;user-select:none}#ruler{height:32px;background:#22262d;border-bottom:1px solid #343c49;position:relative}.tick{position:absolute;top:7px;color:#8e9bad;font-size:12px;transform:translateX(4px);white-space:nowrap}.lane{height:57px;border-bottom:1px solid #303640;position:relative;background-image:linear-gradient(90deg,#303640 1px,transparent 1px);background-size:80px 100%}.clip{position:absolute;height:39px;top:8px;border-radius:5px;background:#34465f;border:1px solid #526885;padding:7px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;cursor:grab}.clip.audio{background:#343e4d;border-color:#566375}.clip.selected{background:#536b8d;border-color:#b1c4e5;box-shadow:0 0 0 1px #b1c4e5}.clip.transition{background:#48435e}#playhead{position:absolute;top:0;bottom:0;width:2px;background:#e6edf8;pointer-events:none;z-index:3}#playhead:before{content:'';position:absolute;top:0;left:-4px;width:10px;height:8px;background:#e6edf8;border-radius:0 0 3px 3px}.transport{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:20px}.transport>div{display:flex;gap:6px}.transport span{font-size:12px;color:#8994a5}#job{padding:12px 20px;border-top:1px solid var(--border)}#job>div{display:flex;justify-content:space-between;align-items:center;font-size:14px}progress{width:100%;height:5px;border:0;display:block;margin-top:12px}progress::-webkit-progress-bar{background:#3c424c}progress::-webkit-progress-value{background:white}progress::-moz-progress-bar{background:white}.about{padding:88px 25px 45px;max-width:1280px;margin:auto}.eyebrow{font-size:12px;letter-spacing:2px;color:#9baecb}h1{font-weight:600;font-size:clamp(28px,3.2vw,44px);letter-spacing:-1px;line-height:1.18;max-width:700px;margin:16px 0 20px}.intro{color:var(--muted);max-width:720px;font-size:18px;line-height:1.7}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:48px 0}.info-grid article{border-top:1px solid #414b5b;padding-top:20px}.info-grid span,.example-slot span{font-size:12px;letter-spacing:1.5px;color:#8fa4c5}h2{font-size:21px;font-weight:500;line-height:1.4}.info-grid p,.example-slot p,details p{color:var(--muted);line-height:1.7}.example-slot{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#1d2128;padding:35px;border:1px solid #323946;border-radius:8px;margin:50px 0}.reserved-image{aspect-ratio:16/9;background:#151920;border:1px dashed #43516a;display:flex;align-items:center;justify-content:center;border-radius:6px}.reserved-image span{letter-spacing:0;font-size:14px;color:#73849e}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{max-width:850px}footer{max-width:1528px;margin:0 auto;padding:30px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:13px;color:#8a96a8}dialog{color:var(--white);background:var(--panel);border:1px solid #515b6b;border-radius:12px;padding:22px;width:min(540px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#06080cb3;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{margin:0}.dialog-head button{font-size:23px;padding:0 10px;background:transparent;border:0}.form-row{margin:15px 0}.form-row label{display:block;font-size:14px;color:#c7d0df;margin-bottom:6px}.form-row input:not([type=checkbox]):not([type=range]),.form-row select{width:100%;padding:10px;border:1px solid #444d5b;border-radius:5px;background:var(--field);color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.dialog-menu{display:grid;gap:9px}.dialog-menu button{text-align:left;padding:12px}.note{font-size:14px;color:var(--muted);line-height:1.6}.error{color:#ffa99c}.rec-dot{color:#ffad9f}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#3a485e;border:1px solid #7589a8;border-radius:7px;z-index:20;font-size:14px;max-width:90vw}[hidden]{display:none!important}@media(max-width:900px){header,main{padding-left:16px;padding-right:16px}.toolbar{align-items:flex-start}.toolbar button{padding:7px 9px}.editor{grid-template-columns:210px 1fr}.preview{min-height:260px}.transport #hint{display:none}.info-grid{gap:20px}footer{margin:0 16px}.stage{padding:14px}}@media(max-width:620px){header{height:65px}.brand small{display:none}.toolbar{flex-wrap:wrap}.editor{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--border)}#fileList{max-height:130px}#filesPanel>button{display:inline-block;width:auto;margin-right:4px;font-size:12px}.local-note{display:none}.empty-files{padding:8px}.empty-files>span{display:none}.stage{min-height:300px}#laneLabels{font-size:12px}.tracks-layout{grid-template-columns:115px 1fr}.timeline-top{gap:10px;padding:10px}.zoom{gap:5px}.zoom input{width:70px}.transport{padding:10px}.transport button{font-size:12px;padding:7px 9px}.info-grid,.example-slot{grid-template-columns:1fr}.about{padding:55px 5px 25px}.example-slot{padding:22px;gap:15px}.brand img{width:30px;height:30px}.preview-foot{font-size:12px}footer{gap:20px;flex-wrap:wrap}}

.files-heading{padding:9px 8px 16px;font-weight:500;font-size:14px;color:#dce5f4}.help-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px}.help-table th,.help-table td{vertical-align:top;text-align:left;padding:10px 0;border-bottom:1px solid #343943}.help-table th{width:35%;padding-right:15px;color:#e8edf5;font-weight:500}.help-table td{color:#aeb4c0}dialog:has(.help-table){width:min(820px,calc(100% - 28px))}

.price-note{padding:28px 0;border-top:1px solid #414b5b;border-bottom:1px solid #414b5b;margin:35px 0}.price-note span{font-size:12px;letter-spacing:1.5px;color:#8fa4c5}.price-note h2{font-size:28px;margin:10px 0}.price-note p{color:#c5cedc;max-width:700px}.price-note small{color:#8994a5;font-size:13px}

#languageSelect{background:#252b34;color:#e9edf4;border:1px solid #3e4858;border-radius:6px;padding:8px;font-size:14px;max-width:120px}@media(max-width:620px){header{gap:10px}#status{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#languageSelect{max-width:96px}}

.workspace.dragging{outline:2px dashed var(--accent,#df9b61);outline-offset:-4px}
.export-menu{position:relative;margin:0}.export-menu summary{list-style:none;cursor:pointer;padding:9px 15px;border-radius:7px;font-size:14px}.export-menu summary::-webkit-details-marker{display:none}.export-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,85vw);max-height:70vh;overflow:auto;padding:18px;background:#202329;border:1px solid #465d83;border-radius:10px;box-shadow:0 16px 40px #0009;z-index:30}.export-panel>label{display:flex;gap:12px;align-items:center;margin:12px 0}.export-panel>label input,.export-panel>label select{min-width:0;flex:1}.export-panel>small{display:block;margin-top:10px;color:#aeb4c0}.export-choice{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;line-height:1.35}.export-choice input{width:16px;flex-shrink:0}.export-choice.unavailable{opacity:.4}.export-panel .note{font-size:13px}#exportZip{width:100%;margin-top:12px}

.production-examples{margin:36px 0;padding:26px;background:#202329;border-radius:12px}.production-examples>span{color:#aeb4c0;font-size:13px;letter-spacing:.12em}.youtube-examples{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px;margin:24px 0}.youtube-examples article{min-width:0}.youtube-player{aspect-ratio:16/9;background:#15171b;display:grid;place-items:center;border:1px solid #30343c;border-radius:9px;overflow:hidden}.youtube-player.portrait{aspect-ratio:9/16;max-height:420px}.youtube-player iframe{width:100%;height:100%;border:0}.youtube-examples a,.channel-link{display:inline-block;color:#b8ccec;margin-top:12px;text-underline-offset:4px}.youtube-examples h3{font-size:16px}.production-examples>p{line-height:1.6}@media(max-width:700px){.youtube-examples{grid-template-columns:1fr}.youtube-player.portrait{max-width:260px;margin:auto}.production-examples{padding:18px}}

.tool-menu{position:relative;margin:0;padding:0;border:0}.tool-menu summary{list-style:none;padding:8px 13px;background:#292d35;border:1px solid #343943;border-radius:6px;font-size:14px;white-space:nowrap;line-height:1.5}.tool-menu summary::-webkit-details-marker{display:none}.tool-menu[open] summary{background:#3b4555}.tool-dropdown{position:absolute;left:0;top:calc(100% + 5px);width:260px;padding:7px;background:#202329;border:1px solid #515b6b;border-radius:7px;box-shadow:0 12px 30px #0008;z-index:40;display:grid;gap:3px}.tool-dropdown button{text-align:left;white-space:normal;background:transparent;border:0;padding:10px}.tool-dropdown button:hover{background:#35445d}.workspace{overflow:visible}.toolbar>div{align-items:center}.lane[data-lane="4"] .clip{background:#4c506a;border-color:#7c809c}

/* Reserved advertisement areas; no ad provider connected yet. */
.ad-slot{display:flex;align-items:center;justify-content:center;background:#191c22;border:1px dashed var(--border);border-radius:6px;color:#7f8998;font-size:11px;letter-spacing:1px;overflow:hidden}.ad-header{flex:1;min-width:120px;max-width:728px;height:60px;margin-left:auto}.ad-header+#status{margin-left:0;white-space:nowrap}.ad-intro{float:right;width:42%;height:250px;margin:0 0 24px 28px}.about>.info-grid{clear:both}@media(max-width:1000px){header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.ad-header{order:5;flex-basis:100%;max-width:none;height:60px}.ad-header+#status{margin-left:auto}.ad-intro{float:none;width:100%;margin:0 0 28px;height:90px}}

.footer-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.footer-links button{padding:0;background:transparent;border:0;color:var(--muted);font-size:13px}.footer-links button:hover{color:white;text-decoration:underline}#legalDialog{width:min(820px,calc(100% - 28px));padding:24px}#legalContent{max-height:calc(85vh - 100px);overflow:auto;padding-right:12px;color:var(--muted);line-height:1.7}#legalContent h3{color:white;font-size:18px;margin:26px 0 10px}#legalContent a{color:#a6c3ee;overflow-wrap:anywhere}.legal-draft{padding:14px;border:1px solid #5b6473;border-radius:6px;background:#292e37;font-size:13px}.legal-placeholder{color:#d6dce6}.contact-address{font-size:20px;overflow-wrap:anywhere}footer{gap:24px;align-items:center;flex-wrap:wrap}

.ad-features{grid-column:span 2;min-height:250px;align-self:stretch}.price-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38%);gap:32px;align-items:center}.ad-pricing{width:100%;min-height:250px}.price-note .ad-slot span{font-size:11px;letter-spacing:1px;color:#7f8998}@media(max-width:1000px){.ad-intro{height:250px}.price-note{grid-template-columns:1fr}.ad-pricing{min-height:250px}}@media(max-width:620px){.ad-features{grid-column:auto;min-height:250px}}

.account-link{font-size:13px;white-space:nowrap;color:#a6c3ee}.footer-links a{font-size:13px;color:var(--muted)}