:root{color-scheme:dark;--bg:#141518;--panel:#1c1d21;--line:#303136;--text:#ececee;--muted:#93959e;--accent:#d4f57a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}button,input,select{font:inherit}button,a,select{transition:background .15s}button{border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;border-radius:6px;padding:8px 11px;white-space:nowrap}button:hover{background:#34353a}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{color:var(--text);background:#24252a;border:1px solid #38393f;border-radius:5px;padding:8px;min-width:0}input[type=range]{padding:0;accent-color:var(--accent);height:15px}header{height:66px;display:flex;align-items:center;gap:22px;padding:0 24px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:750;letter-spacing:-1.6px;color:var(--text);text-decoration:none}.brand span{color:var(--accent);font-size:14px;margin-left:3px}.divider{height:18px;width:1px;background:var(--line);display:inline-block}#projectName{border:none;background:transparent;width:195px;font-weight:550}#saveState{font-size:11px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.primary{background:var(--accent);color:#1f2611;font-weight:650;padding:10px 18px;border-radius:6px;border:0;cursor:pointer;text-decoration:none;display:inline-block}.primary:hover{background:#e1ffa0}kbd{font:10px inherit;color:var(--muted);margin-left:8px}.workspace-tabs{display:flex;align-items:center;height:48px;padding:0 25px;gap:12px;border-bottom:1px solid var(--line)}.workspace-title{color:#7e8189;font-size:9px;letter-spacing:1.6px;width:244px}.workspace-tabs button{border-radius:0;height:48px;padding:0 18px;color:var(--muted)}.workspace-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.local-status{margin-left:auto;font-size:11px;color:#999e91}main{display:grid;grid-template-columns:72px 278px minmax(330px,1fr) 258px;grid-template-rows:minmax(420px,calc(100dvh - 399px)) 285px;min-height:700px}.rail{background:#191a1e;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 7px;gap:13px}.rail button{font-size:10px;color:var(--muted);width:57px;padding:9px 0}.rail b{display:block;font-size:24px;line-height:30px;font-weight:400}.rail button.active{color:var(--accent);background:#2c3222}.rail #help{margin-top:auto}.library{background:var(--panel);border-right:1px solid var(--line);padding:0 16px 16px;overflow:auto}.panel-heading{height:55px;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:13px;font-weight:600;margin:0}.panel-heading>span{font-size:11px;color:var(--muted)}.import-button{width:100%;border:1px solid #454c36;color:var(--accent);background:#282e22;padding:12px 6px}.search{display:flex;align-items:center;background:#24252a;border-radius:5px;margin-top:15px;padding-left:10px;color:var(--muted)}.search input{width:100%;background:none;border:0;font-size:11px}.small-tabs{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:20px 0 12px}.small-tabs span:first-child{color:var(--text)}.assets{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.asset{min-width:0;cursor:pointer}.asset-image{height:73px;background:#2b2c31;border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.asset img{width:100%;height:100%;object-fit:cover}.asset-image>span{font-size:27px;color:#8eacda}.asset .add{position:absolute;right:5px;top:5px;background:#111a;color:#fff;padding:0;width:22px;height:22px;font-size:19px}.asset small{position:absolute;bottom:5px;right:6px;background:#111a;font-size:9px;padding:2px 4px}.asset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:7px;color:#cacbd0}.drop-hint{margin-top:22px;border:1px dashed #414249;border-radius:7px;padding:22px 5px;text-align:center;color:#adafb7;font-size:11px;line-height:2}.drop-hint small{font-size:9px;color:#797c85}.viewer{display:flex;flex-direction:column;min-width:0;background:#16171a}.viewer-heading{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:11px;color:#a4a6af}.viewer-heading>div{display:flex;gap:12px;align-items:center}.viewer-heading select{border:0;background:none;font-size:11px;padding:4px}.resolution{font-size:10px}.stage-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 24px}#stage{position:relative;width:100%;height:100%;max-height:480px;aspect-ratio:16/9;background:#0d0e10;overflow:hidden;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain}#emptyPreview{position:absolute;text-align:center;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#272b22 0,#141612 50%,#0d0e10 90%)}.empty-mark{font:italic 90px Georgia;color:var(--accent);line-height:1}.empty-mark span{font-size:50px}h1{font-size:20px;font-weight:500;letter-spacing:-.7px;margin:20px 0 7px}#emptyPreview p{font-size:11px;color:var(--muted);margin:0 0 20px}#startImport{font-size:11px;border:1px solid #4e5343;color:var(--accent)}#captionOverlay{position:absolute;bottom:9%;left:7%;right:7%;text-align:center;white-space:pre-wrap;font-size:clamp(14px,1.7vw,30px);font-weight:650;text-shadow:0 2px 4px #000,0 0 6px #000;pointer-events:none}#fadeOverlay{position:absolute;inset:0;background:black;opacity:0;pointer-events:none}.transport{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.transport>div{display:flex;align-items:center;gap:12px}.transport button{color:#bfc1c8;font-size:11px}.transport .play{background:#303237;border-radius:50%;height:34px;width:34px;padding:0;color:var(--text)}#timecode{font:11px ui-monospace,monospace;color:var(--accent);width:160px}#timecode small{color:#70737e;font:inherit}#fullscreen{width:70px;text-align:right;font-size:20px}.viewer-footer{height:32px;display:flex;justify-content:space-between;padding:0 23px;align-items:center;color:#777b84;font-size:9px;border-top:1px solid #22242a}.inspector{background:var(--panel);border-left:1px solid var(--line);padding:0 17px 14px;overflow:auto}#noSelection{color:var(--muted);font-size:11px;line-height:1.9;margin-top:28px;text-align:center}.property-title{padding:13px 0 19px;overflow:hidden}.property-title span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;font-size:12px}.property-title small{font-size:8px;letter-spacing:1.1px;color:var(--muted);display:block;margin-top:7px}h3{font-size:11px;border-top:1px solid var(--line);padding-top:16px;margin:0 0 13px;display:flex;align-items:center;justify-content:space-between}h3 button{padding:0;color:var(--muted);font-size:9px}.field{display:block;color:#a9acb5;font-size:10px;margin:0 0 16px}.field input,.field select{width:100%;display:block;margin-top:9px;font-size:11px}.field output{float:right;font-size:9px;color:#d6d8de}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two button{font-size:11px;border:1px solid var(--line)}.danger{color:#e9a6a6;margin-top:12px;font-size:11px;width:100%}.timeline{grid-column:1/-1;border-top:1px solid var(--line);background:#1b1c20}.timeline-toolbar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.timeline-toolbar>div{display:flex;gap:6px;align-items:center}.timeline-toolbar button{font-size:11px}.timeline-toolbar .divider{margin:0 10px}.timeline-toolbar input{width:85px}.timeline-toolbar span{color:var(--muted);font-size:10px}.timeline-body{display:flex;height:204px}.track-labels{width:148px;flex-shrink:0;background:#1d1e22;border-right:1px solid var(--line)}.track-labels>div{height:55px;display:flex;align-items:center;padding:0 18px;gap:13px;font-size:10px;color:#8c909b;border-bottom:1px solid #27282d}.track-labels>div:first-child{height:30px;font-size:9px;color:#767a83}.track-labels b{font:9px ui-monospace;color:#b9bdc7;background:#303239;padding:5px;border-radius:3px}.timeline-scroll{overflow:auto;flex:1;position:relative}#timelineContent{min-width:100%;height:195px;position:relative}#ruler{height:30px;position:relative;border-bottom:1px solid var(--line);cursor:crosshair}#ruler span{position:absolute;top:6px;font:9px ui-monospace;color:#828692;border-left:1px solid #4a4e58;padding-left:6px;height:24px}.track{height:55px;border-bottom:1px solid #292b30;position:relative;background-image:linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:150px 100%}.clip{position:absolute;top:6px;height:43px;border:1px solid #6f8e9f;border-radius:5px;background:#384d57;overflow:hidden;cursor:pointer;min-width:3px}.clip.selected{outline:2px solid var(--accent);outline-offset:1px}.clip-thumbs{position:absolute;inset:0;opacity:.38;background-size:auto 100%}.clip>span{position:relative;display:block;white-space:nowrap;overflow:hidden;font-size:10px;padding:6px 9px;text-shadow:0 1px 3px #000}.clip small{position:relative;font-size:8px;margin:0 9px;color:#d0d8da}.caption-clip{background:#655334;border-color:#a89054;height:33px;top:11px}.music-clip{background:#2f4941;border-color:#527b69;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 5px,#89b7a540 6px,#89b7a540 7px);height:35px;top:10px}#playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:4;pointer-events:none}#playhead>span{position:absolute;width:9px;height:13px;left:-4px;top:0;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}#timelineEmpty{position:absolute;top:105px;left:30px;font-size:11px;color:#6e737e;pointer-events:none}footer{height:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#767a84;font-size:9px}.muted{font-size:11px;line-height:1.8;color:var(--muted)}.caption-actions{display:flex;gap:4px;margin-bottom:12px}.caption-actions button{font-size:10px;border:1px solid var(--line)}.caption-item{padding:12px 0;border-bottom:1px solid var(--line)}.caption-item textarea{width:100%;resize:vertical;min-height:65px;background:#27292e;color:white;border:1px solid #383b43;border-radius:5px;padding:10px;font:12px inherit}.caption-item>div{display:flex;align-items:center;gap:5px;margin-top:7px}.caption-item input{width:77px;font-size:10px}.caption-item button{margin-left:auto;padding:5px}.preset{width:100%;text-align:left;border:1px solid var(--line);margin:6px 0;padding:17px;background:#25282a}.preset:nth-child(2){background:#34322a}.preset:nth-child(3){background:#293038}.preset:nth-child(4){background:#2c2c2c}.toggle{font-size:11px;display:flex;gap:8px;align-items:center;margin-top:20px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#e6eddd;color:#252a20;padding:13px 22px;border-radius:8px;z-index:100;box-shadow:0 8px 40px #0008;font-size:12px;display:none;max-width:80vw;line-height:1.6}dialog{background:#222429;color:var(--text);border:1px solid #4a4c54;border-radius:14px;width:460px;padding:25px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:550}.dialog-heading button{font-size:22px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}.export-spec{display:flex;justify-content:space-between;padding:20px 0;font-size:11px;border-bottom:1px solid var(--line)}.progress{height:5px;background:#3b3e45;margin-top:23px;border-radius:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;width:0;transition:width .3s}dialog .primary{width:100%;text-align:center;margin-top:15px}#musicInfo{padding:20px 0;font-size:12px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(min-width:1600px){main{grid-template-columns:76px 320px minmax(400px,1fr) 285px}.asset-image{height:93px}}@media(max-width:1100px){main{grid-template-columns:60px 220px minmax(300px,1fr)}.inspector{grid-column:3;grid-row:3;border-top:1px solid var(--line)}main{grid-template-rows:480px 285px auto}.workspace-title{width:200px}.local-status,#saveState{display:none}.timeline{grid-row:2}}@media(max-width:700px){header{padding:0 12px;gap:9px}.brand{font-size:23px}#projectName{width:115px}.header-actions{gap:0}.header-actions button{font-size:10px;padding:8px}#loadProject,kbd,.workspace-title{display:none}.workspace-tabs{padding-left:60px}main{grid-template-columns:55px 1fr;grid-template-rows:340px auto 285px auto}.viewer{grid-column:2;grid-row:1}.rail{grid-column:1;grid-row:1/3}.library{grid-column:2;grid-row:2;max-height:340px}.timeline{grid-row:3}.inspector{grid-row:4;grid-column:1/-1}.assets{grid-template-columns:repeat(3,1fr)}.track-labels{width:90px}.timeline-toolbar{padding:0 6px}.timeline-toolbar kbd,#durationLabel{display:none}.timeline-toolbar input{width:45px}.timeline-toolbar .divider{margin:0 2px}.viewer-heading{padding:0 13px}.stage-wrap{padding:4px 12px}h1{font-size:15px}.transport{padding:0 12px}#timecode{width:auto;font-size:9px}.viewer-footer{font-size:8px;padding:0 12px}footer span:nth-child(2){display:none}.empty-mark{font-size:60px}}

#narration{width:100%;min-height:100px;resize:vertical;background:#282a30;border:1px solid #42444e;color:white;border-radius:5px;padding:10px;margin-bottom:12px;font:12px inherit}.cut-caption{font-size:10px;color:#e0b9a2;margin-top:6px}:fullscreen#stage{width:100vw!important;height:100vh!important;max-height:none;max-width:none}
/* Additional timeline tracks and compositing controls. */
.add-target-label{margin:0 0 14px}.add-target-label select{font-size:10px}.layer-track .overlay-clip{background:#4f456b;border-color:#a090c0}.disabled-layer{opacity:.35}.layer-track .clip:focus-visible{outline:2px solid var(--accent)}
.track-labels{overflow:hidden}.track-labels>.label-stack{display:block;height:auto;padding:0;border:0}.label-stack>div{height:55px;display:flex;align-items:center;padding:0 13px;gap:8px;font-size:9px;color:#969ba6;border-bottom:1px solid #27282d}.label-stack>div:first-child{height:30px}.label-stack b{font:9px ui-monospace;color:#bec3ce;background:#303239;padding:5px;border-radius:3px}
#layerStage{position:absolute;inset:0;z-index:2;pointer-events:none}#captionOverlay{z-index:4}#fadeOverlay{z-index:1}#emptyPreview{z-index:5}.preview-layer{position:absolute;pointer-events:auto;background:#000;cursor:move;touch-action:none}.preview-layer video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.preview-layer.editing{outline:1px solid var(--accent);outline-offset:2px}.preview-layer.editing:after{content:'';width:6px;height:6px;background:var(--accent);position:absolute;right:-4px;bottom:-4px}.timeline-toolbar #addOverlay{color:var(--accent)}
#layerProperties .field{margin-bottom:13px}#layerProperties input[type=number]{width:100%}#layerProperties .two button{font-size:9px;padding:7px 2px}.timeline-body{height:204px}.timeline-scroll{overscroll-behavior:contain}.track{flex-shrink:0}
@media(max-width:700px){#addOverlay{font-size:0}.timeline-toolbar #addOverlay:after{content:'＋ V';font-size:10px}#newProject{display:none}.label-stack>div{padding:0 8px;font-size:8px}}
.motion-controls{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--line)}.motion-controls .toggle{margin-top:0}.motion-controls .two button{border:1px solid #42463b;color:#c9d5b2;font-size:9px}.motion-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.motion-navigation span{font-size:9px;color:var(--muted)}.motion-navigation button{padding:5px 8px;color:var(--accent)}#keyframeList{max-height:124px;overflow:auto;margin-bottom:10px}.keyframe-item{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;padding:7px 5px}.keyframe-item small{font-size:8px;color:var(--muted)}.keyframe-item.current{background:#303927;color:var(--accent)}.timeline-key{position:absolute;bottom:1px;z-index:3;padding:0;width:12px;height:12px;transform:translateX(-50%);color:var(--accent);font-size:9px;line-height:12px;background:#20261b;border-radius:2px}.timeline-key:hover{background:#65713e}

.preview-layer.keyed{background:transparent}.key-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.preview-layer{transform-origin:center center}#chromaColor{width:100%;height:34px;padding:3px}#chromaPanel{margin-top:12px}

#captionOverlay{display:none}#styledCaptions{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.caption-style-panel{border:1px solid var(--line);border-radius:6px;padding:12px;margin:14px 0}.caption-style-panel summary{cursor:pointer;color:var(--accent);font-size:11px}.caption-style-panel[open] summary{margin-bottom:16px}.caption-style-panel input[type=color]{height:32px;padding:3px}.caption-style-panel .toggle{margin-bottom:16px}

#subtitleReview{width:min(780px,90vw);max-height:85vh}#subtitleReviewRows{max-height:55vh;overflow:auto}.review-row{padding:14px 0;border-bottom:1px solid var(--line)}.review-row p{color:var(--muted);white-space:pre-wrap}.review-row textarea,#dubRefText{width:100%;min-height:70px;background:#24252a;color:var(--text);border:1px solid var(--line);padding:10px;font:inherit}.review-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}#dubPreview{width:100%;height:38px}#dubDownload{display:block;color:var(--accent);padding:10px 0}#dubDownload[hidden]{display:none}#applyDub,#restoreDub{width:100%;white-space:normal;border:1px solid var(--line);margin-top:8px}
/* Track switches remain beside the lanes while scrolling horizontally. */
.track-labels{width:210px;min-width:210px}.label-stack>div{padding:0 7px;gap:4px}.track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-name b{margin-right:3px}.track-buttons{display:flex;gap:2px}.track-switch{font-size:9px;padding:5px 4px;border:1px solid #454b40;color:#d4f57a}.track-switch.is-off{color:#aaa;background:#303238;border-color:#4a4b51}.caption-lane{position:relative}.track-off{opacity:.4}.timeline-toolbar{overflow-x:auto}.timeline-toolbar>div{flex-shrink:0}
/* Precision tools: retain the compact editing workspace rather than decorative UI. */
.precision-toolbar{display:flex;align-items:center;gap:6px;min-height:35px;padding:3px 12px;border-bottom:1px solid var(--line);overflow:auto}.precision-toolbar button{font-size:10px;padding:5px 8px;border:1px solid #3a3e44}.precision-toolbar [aria-pressed=true]{color:var(--accent);border-color:#667448;background:#293122}.precision-toolbar span{margin-left:auto;color:#9298a2;font-size:10px;white-space:nowrap}.timeline-body{height:170px}.trim-handle{position:absolute;top:0;bottom:0;width:7px;padding:0!important;border-radius:0;z-index:5;cursor:ew-resize;touch-action:none;opacity:0;background:#e0fca2!important}.clip:hover .trim-handle,.clip.selected .trim-handle{opacity:.8}.trim-handle.in{left:0}.trim-handle.out{right:0}.audio-wave{position:absolute;inset:12px 0 0;width:100%;height:34px;color:#99c6ac;pointer-events:none}.music-clip:has(.audio-wave){background-image:none}.music-clip>span,.music-clip>small{position:relative;z-index:1}.muted-wave .audio-wave{opacity:.25}.clip[data-wave-status]:after{content:attr(data-wave-status);position:absolute;bottom:3px;right:8px;font-size:8px;color:#b6bec2}.sequence-marker{position:absolute;top:12px;padding:0!important;color:#efd18b;font-size:13px;transform:translateX(-50%);z-index:4}.marker-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.marker-row button:first-child{white-space:normal;text-align:left}.caption-search{padding:15px 0;border-bottom:1px solid var(--line)}.caption-search input{width:100%}.caption-search small{display:block;color:var(--accent);margin-top:7px}.audition-caption{font-size:10px;color:var(--accent);border:1px solid #46513b;margin-bottom:8px}.caption-item input,.field input[type=number],#timecode{font-variant-numeric:tabular-nums}.transport>div{gap:6px}.transport #frameBack,.transport #frameForward{padding:5px;font-size:9px}#markerList{max-height:300px;overflow:auto}.expanded-timeline .timeline-body{height:325px}@media(min-width:1101px){body.expanded-timeline main{grid-template-rows:minmax(300px,calc(100dvh - 554px)) 440px}}@media(max-width:1100px){body.expanded-timeline .timeline{min-height:440px}body.expanded-timeline main{grid-template-rows:480px 440px auto}}

#recognitionDialog{width:min(680px,92vw);max-height:88vh;overflow:auto}#recognitionResults{max-height:36vh;overflow:auto;margin:14px 0}#recognitionResults textarea{min-height:60px;width:100%}#recognitionStatus{white-space:pre-wrap}

.label-stack>div.selected-track{background:#343c22;box-shadow:inset 3px 0 #c7db78}.track-name[role="button"]{cursor:pointer}.track-name[role="button"]:focus-visible{outline:1px solid #c7db78;outline-offset:3px}