:root{color-scheme:dark;--bg: #111214;--chrome: #17181b;--panel: #1b1c20;--panel-raised: #222329;--stage: #0b0c0f;--border: #2c2e34;--border-strong: #3b3e47;--text: #f1f2f4;--text-secondary: #b9bcc4;--text-muted: #80848e;--accent: #7b8dff;--accent-hover: #95a3ff;--accent-soft: rgba(123, 141, 255, .14);--success: #74d9a5;--success-soft: rgba(116, 217, 165, .11);--error: #ff8d8d;--error-soft: rgba(255, 141, 141, .1);--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:56px minmax(0,1fr) 30px;height:100svh;min-height:100svh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}[hidden]{display:none!important}::selection{background:var(--accent);color:#101116}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;transform:translateY(-160%);border-radius:5px;background:var(--text);color:var(--bg);font-weight:650;text-decoration:none}.skip-link:focus{transform:translateY(0)}.app-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:0 16px;border-bottom:1px solid var(--border);background:var(--chrome)}.brand{display:inline-flex;align-items:center;min-width:0;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--accent);color:#111219;font-size:14px;font-weight:760}.brand-name{margin-left:10px;font-size:15px;font-weight:680;letter-spacing:-.01em}.brand-context{margin-left:10px;padding-left:10px;border-left:1px solid var(--border-strong);color:var(--text-muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:14px;min-width:0}.privacy-status{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px;white-space:nowrap}.privacy-status svg{width:15px;height:15px;fill:none;stroke:var(--success);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid transparent;border-radius:6px;padding:0 14px;cursor:pointer;font-size:13px;font-weight:640;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button--primary{background:var(--accent);color:#111219}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--secondary{border-color:var(--border-strong);background:var(--panel-raised);color:var(--text-secondary)}.button--secondary:hover:not(:disabled){border-color:#555966;background:#282a31;color:var(--text)}.button--small{min-height:30px;padding:0 10px;font-size:12px}.button:disabled{cursor:not-allowed;opacity:.42}.app-main{min-width:0;min-height:0;padding:12px;overflow:auto}.studio-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;width:100%;height:100%;min-height:640px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.preview-column{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--stage)}.panel-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--chrome)}.panel-bar__title{display:flex;align-items:baseline;gap:10px;min-width:0}.panel-bar h2,.control-heading h2{margin:0;color:var(--text);font-size:13px;font-weight:660;line-height:1}.panel-bar__title>span,.control-heading>div>span{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.local-badge{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.local-badge>span{width:7px;height:7px;border-radius:50%;background:var(--success)}.preview-stage{position:relative;display:grid;min-width:0;min-height:400px;flex:1;place-items:center;overflow:hidden;background-color:var(--stage);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px}.preview-stage canvas{display:block;width:auto;height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 32px);border:1px solid var(--border-strong);background:#101114;box-shadow:0 16px 42px #00000052}.studio-shell[data-studio-state=empty] .preview-stage canvas,.studio-shell[data-studio-state=loading] .preview-stage canvas{opacity:.16}.frame-guides{position:absolute;top:50%;left:50%;width:min(calc(100% - 48px),540px);max-height:calc(100% - 32px);aspect-ratio:9 / 16;transform:translate(-50%,-50%);pointer-events:none}.preview-stage[data-aspect="1:1"] .frame-guides{aspect-ratio:1}.preview-stage[data-aspect="16:9"] .frame-guides{aspect-ratio:16 / 9}.frame-guides i{position:absolute;width:12px;height:12px;opacity:.32}.frame-guides i:nth-child(1){top:8px;left:8px;border-top:1px solid var(--text);border-left:1px solid var(--text)}.frame-guides i:nth-child(2){top:8px;right:8px;border-top:1px solid var(--text);border-right:1px solid var(--text)}.frame-guides i:nth-child(3){right:8px;bottom:8px;border-right:1px solid var(--text);border-bottom:1px solid var(--text)}.frame-guides i:nth-child(4){bottom:8px;left:8px;border-bottom:1px solid var(--text);border-left:1px solid var(--text)}.empty-drop{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--border-strong);border-radius:7px;padding:24px;background:#111215c2;color:var(--text);cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease}.empty-drop:hover,.empty-drop.is-dragging{border-color:var(--accent);background:#7b8dff14}.empty-drop__icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border:1px solid var(--border-strong);border-radius:8px;background:var(--panel-raised);color:var(--text-secondary)}.empty-drop__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.empty-drop strong{font-size:15px;font-weight:660}.empty-drop>span:not(.empty-drop__icon):not(.empty-drop__privacy){margin-top:5px;color:var(--text-secondary);font-size:13px}.empty-drop small{margin-top:15px;color:var(--text-muted);font-size:11px}.empty-drop__privacy{margin-top:20px;color:var(--success);font-size:11px;font-weight:600}.stage-loading{position:absolute;inset:18px;display:grid;place-content:center;justify-items:center;gap:12px;border-radius:7px;background:#111215eb;color:var(--text-secondary);font-size:12px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.source-video{position:fixed;top:-100px;left:-100px;width:2px;height:2px;pointer-events:none;opacity:.001}.transport{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--chrome)}.transport-button{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:0;border-radius:5px;padding:0 8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:620}.transport-button:hover:not(:disabled){background:var(--panel-raised);color:var(--text)}.transport-button:disabled{cursor:not-allowed;opacity:.4}.transport-button>span:first-child{width:11px;font-size:10px;text-align:center}.timeline-control{min-width:0}.transport output{min-width:112px;color:var(--text-muted);font:11px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right}input[type=range]{width:100%;height:20px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:var(--border-strong)}input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;appearance:none;border:2px solid var(--panel);border-radius:50%;background:var(--accent)}input[type=range]::-moz-range-track{height:3px;border-radius:99px;background:var(--border-strong)}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:2px solid var(--panel);border-radius:50%;background:var(--accent)}input[type=range]:disabled{cursor:not-allowed;opacity:.35}.file-strip{display:grid;grid-template-columns:minmax(140px,1.25fr) minmax(280px,2fr) auto;align-items:center;gap:16px;min-height:62px;padding:8px 14px;background:var(--chrome)}.file-strip__name{min-width:0}.file-strip__name>span,.output-summary>span{display:block;color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.file-strip__name strong{display:block;margin-top:4px;overflow:hidden;color:var(--text-secondary);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.file-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.file-facts div{min-width:0}.file-facts dt{color:var(--text-muted);font-size:10px}.file-facts dd{margin:2px 0 0;overflow:hidden;color:var(--text-secondary);font:11px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}.control-column{position:relative;min-width:0;min-height:0;overflow-y:auto;border-left:1px solid var(--border);background:var(--panel);scrollbar-gutter:stable}.control-heading{display:flex;align-items:center;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--chrome)}.control-heading>div{display:flex;align-items:baseline;gap:10px;min-width:0}.control-group{margin:0;border:0;border-bottom:1px solid var(--border);padding:16px}.control-group:disabled{opacity:.58}.control-group legend{width:100%;padding:0;color:var(--text-secondary);font-size:12px;font-weight:650}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:12px;padding:3px;border-radius:7px;background:var(--stage)}.segmented button{min-height:44px;border:0;border-radius:5px;padding:5px 6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px}.segmented button:hover:not(:disabled){color:var(--text-secondary)}.segmented button[aria-pressed=true]{background:var(--panel-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.segmented button span,.segmented button small{display:block}.segmented button span{font-weight:670}.segmented button small{margin-top:2px;color:inherit;font-size:10px}.range-list,.trim-grid{display:grid;gap:12px;margin-top:14px}.range-list label,.trim-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;color:var(--text-muted);font-size:11px}.range-list input,.trim-grid input{grid-column:1 / -1}.range-list output,.trim-grid output{color:var(--text-secondary);font:11px/1 var(--mono);font-variant-numeric:tabular-nums}.trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-hint{display:flex;justify-content:space-between;gap:12px;margin:10px 0 0;color:var(--text-muted);font-size:10px}.text-field{display:grid;gap:6px;margin-top:12px;color:var(--text-muted);font-size:11px}.text-field input{width:100%;min-width:0;min-height:36px;border:1px solid var(--border-strong);border-radius:6px;padding:0 10px;background:var(--stage);color:var(--text);outline:0;font-size:12px}.text-field input::placeholder{color:#666a74}.text-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.text-field--prefix{grid-template-columns:auto minmax(0,1fr)}.text-field--prefix>span:first-child{grid-column:1 / -1}.input-prefix{align-self:center;color:var(--text-muted);font-size:12px}.rights-check{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.rights-check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--accent)}.rights-check label{cursor:pointer}.rights-check strong,.rights-check span{display:block}.rights-check strong{color:var(--text-secondary);font-size:11px;font-weight:620}.rights-check span{margin-top:3px;color:var(--text-muted);font-size:10px}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px;border:1px solid rgba(255,141,141,.28);border-radius:7px;padding:11px;background:var(--error-soft)}.notice strong,.notice span{display:block}.notice strong{color:var(--error);font-size:11px}.notice span{margin-top:3px;color:var(--text-secondary);font-size:10px}.notice button{border:0;padding:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:10px}.notice button:hover{color:var(--text)}.export-progress{margin:12px;border:1px solid var(--border);border-radius:7px;padding:12px;background:var(--chrome)}.export-progress>div{display:flex;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:11px}.export-progress progress{display:block;width:100%;height:5px;margin:11px 0;border:0;border-radius:99px;overflow:hidden;background:var(--border);accent-color:var(--accent)}.export-progress progress::-webkit-progress-bar{background:var(--border)}.export-progress progress::-webkit-progress-value{background:var(--accent)}.export-progress progress::-moz-progress-bar{background:var(--accent)}.export-success{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px;border:1px solid rgba(116,217,165,.25);border-radius:7px;padding:10px;background:var(--success-soft)}.success-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--success);color:#102117}.success-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-success strong,.export-success span{display:block}.export-success strong{color:var(--success);font-size:11px}.export-success span{margin-top:2px;overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.export-dock{position:sticky;z-index:3;bottom:0;display:grid;gap:12px;padding:14px 16px 16px;border-top:1px solid var(--border);background:var(--chrome)}.output-summary strong,.output-summary small{display:block}.output-summary strong{margin-top:4px;color:var(--text-secondary);font-size:12px;font-weight:620}.output-summary small{margin-top:2px;color:var(--text-muted);font-size:10px}.button--export{width:100%;min-height:40px;background:var(--accent);color:#111219}.button--export:hover:not(:disabled){background:var(--accent-hover)}.button--export:disabled{border-color:var(--border-strong);background:var(--panel-raised);color:var(--text-muted)}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-top:1px solid var(--border);background:var(--chrome);color:var(--text-muted);font-size:10px}@media(max-width:1020px){#app{display:block;height:auto}.app-header{position:sticky;top:0;min-height:56px}.app-main{padding:10px;overflow:visible}.studio-shell{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.preview-column{min-height:670px}.preview-stage{height:520px;min-height:520px;flex:none}.control-column{overflow:visible;border-top:1px solid var(--border);border-left:0}.export-dock{position:static}.app-footer{min-height:30px}}@media(max-width:680px){.app-header{gap:10px;padding:0 10px}.brand-context,.privacy-status{display:none}.button--primary{padding:0 11px}.app-main{padding:0}.studio-shell{border-right:0;border-left:0;border-radius:0}.panel-bar,.control-heading{padding-right:12px;padding-left:12px}.preview-column{min-height:0}.preview-stage{height:480px;min-height:480px}.preview-stage canvas{max-width:calc(100% - 28px);max-height:calc(100% - 28px)}.empty-drop,.stage-loading{inset:12px}.transport{gap:8px;padding:0 10px}.transport output{min-width:92px;font-size:10px}.file-strip{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.file-facts{grid-column:1 / -1;grid-row:2}.control-group,.rights-check{padding-right:14px;padding-left:14px}.trim-grid{grid-template-columns:1fr}.export-success{grid-template-columns:auto minmax(0,1fr)}.export-success .button{grid-column:1 / -1}.app-footer{min-height:38px;padding:0 12px}.app-footer span:nth-child(2){display:none}}@media(max-width:420px){.brand-mark{width:26px;height:26px}.header-actions .button svg{display:none}.preview-stage{height:430px;min-height:430px}.panel-bar__title>span{max-width:150px}.file-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.source-timeline{display:grid;gap:6px;padding:10px 14px 12px;border-bottom:1px solid var(--border);background:var(--chrome)}.source-timeline__head{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.source-timeline__head span:last-child{overflow:hidden;font-weight:500;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.source-timeline__canvas{display:block;width:100%;height:64px;border:1px solid var(--border);border-radius:5px;background:var(--stage);cursor:crosshair;touch-action:none}.studio-shell[data-studio-state=empty] .source-timeline__canvas,.studio-shell[data-studio-state=loading] .source-timeline__canvas{cursor:default;opacity:.5}.segmented--four{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented--compact{margin-top:0}.segmented--compact button{min-height:32px;padding:4px 6px;font-size:11px}.control-hint--single{justify-content:flex-start}.check-field{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;margin-top:12px;color:var(--text-muted);font-size:11px;cursor:pointer}.check-field input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--accent)}.check-field input:disabled+span{opacity:.5}.marker-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.marker-row .button{justify-content:space-between}kbd{display:inline-block;min-width:18px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:var(--panel-raised);color:var(--text-secondary);font:600 10px/1.4 var(--mono);text-align:center}.key-legend{display:grid;gap:5px;margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--border)}.key-legend div{display:grid;grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:10px}.key-legend dt{display:flex;gap:3px;margin:0}.key-legend dd{margin:0;color:var(--text-muted);font-size:10px}.key-legend dd kbd{font-size:9px}.caption-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:12px}.caption-toolbar .button{justify-content:space-between;gap:10px}.caption-list{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.caption-list:empty{display:none}.caption-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"jump timing remove" "text text text";align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:6px;background:var(--stage);transition:border-color .15s ease,background-color .15s ease}.caption-row.is-active{border-color:var(--accent);background:var(--accent-soft)}.caption-row__jump{grid-area:jump}.caption-row__timing{grid-area:timing}.caption-row__remove{grid-area:remove}.caption-row__text{grid-area:text}.caption-row__timing{display:inline-flex;align-items:center;gap:3px;color:var(--text-muted);font-size:11px}.caption-row__time,.caption-row__text{min-width:0;min-height:30px;border:1px solid transparent;border-radius:5px;padding:0 7px;background:var(--panel);color:var(--text);outline:0;font-size:12px}.caption-row__time{width:62px;font:11px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:center}.caption-row__text{width:100%}.caption-row__time:focus,.caption-row__text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.caption-row__text::placeholder{color:#666a74}.caption-row__jump,.caption-row__mark,.caption-row__remove{display:inline-grid;place-items:center;width:26px;height:30px;border:0;border-radius:5px;padding:0;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px}.caption-row__mark{width:20px;font-size:14px}.caption-row__jump:hover,.caption-row__mark:hover{background:var(--panel-raised);color:var(--text)}.caption-row__remove{font-size:16px}.caption-row__remove:hover{background:var(--error-soft);color:var(--error)}.caption-empty{margin:12px 0 0;color:var(--text-muted);font-size:11px}.srt-panel{margin-top:12px;border:1px solid var(--border);border-radius:6px;background:var(--stage)}.srt-panel summary{padding:9px 10px;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:620}.srt-panel textarea{display:block;width:100%;min-height:96px;margin:0;border:0;border-top:1px solid var(--border);padding:8px 10px;background:var(--panel);color:var(--text);outline:0;font:11px/1.5 var(--mono);resize:vertical}.srt-panel textarea::placeholder{color:#666a74}.srt-panel__actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border-top:1px solid var(--border)}@media(max-width:1020px){.source-timeline__canvas{height:72px}}@media(max-width:680px){.source-timeline{padding:10px 12px 12px}.marker-row,.caption-toolbar{grid-template-columns:1fr}.key-legend div{grid-template-columns:minmax(70px,auto) 1fr}}