:root{--bg:#0e0e10;--surface:#18181b;--surface-2:#232327;--surface-3:#2e2e34;--text:#f4f4f5;--muted:#9d9da6;--border:#2a2a30;--accent:#5dd6e5;--accent-hover:#86e2ee;--accent-soft:#5dd6e524;--accent-text:#05181b;--ok:#6fd49a;--error:#ff7a6b;--radius:14px;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}::selection{background:var(--accent-soft)}.lucide,.ico{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.container{max-width:960px;margin:0 auto;padding:0 16px}.site-header .container{align-items:center;gap:12px;height:56px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand img{width:26px;height:26px}main.container{padding-top:8px;padding-bottom:28px}h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2}.lead{color:var(--muted);margin:0 0 24px}.dropzone{text-align:center;cursor:pointer;background:radial-gradient(120% 140% at 0 0,#2a6f86 0%,#1b3f5c 45%,#182236 100%);border-radius:20px;align-content:center;place-items:center;gap:6px;min-height:200px;padding:24px;transition:transform .15s,filter .15s;display:grid;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragging{filter:brightness(1.12)}.dropzone:active{transform:scale(.99)}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:2px}.dropzone strong{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.dropzone small{color:#ffffffb3}.start-cards{grid-template-columns:1.6fr 1fr;gap:10px;display:grid}.start-cards .dropzone{min-height:190px;padding:18px 12px}.start-cards .dropzone small{display:none}.photo-card{min-height:190px;color:var(--text);text-align:center;background:radial-gradient(120% 140% at 100% 0,#3b3f8c 0%,#252a55 50%,#1a1d33 100%);border-radius:20px;align-content:center;place-items:center;gap:6px;padding:18px 12px;text-decoration:none;transition:filter .15s,transform .15s;display:grid}.photo-card:hover{filter:brightness(1.12)}.photo-card:active{transform:scale(.99)}.photo-card strong{font-size:1.05rem;font-weight:700}body.editing .start-cards{display:block}body.editing .photo-card{display:none}@media (width>=641px){.start-cards .dropzone small{display:block}}body.page-photo #layer-time,body.page-photo .layer-range{display:none!important}.drop-icon{color:#fff;background:#0b0b0d;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:4px;display:grid}.drop-icon .lucide{stroke-width:2.25px;width:28px;height:28px}.btn{background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background .15s,filter .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:focus-visible,.mode:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-sm{padding:7px 16px;font-size:.9rem}.panel{background:var(--surface);border-radius:var(--radius);padding:18px}video.preview{cursor:pointer;background:#000;border-radius:8px;width:100%;max-height:60vh;display:block}.media-vertical{background:#000;border-radius:6px;place-items:center;display:grid;position:relative}.vertical-preview{aspect-ratio:9/16;cursor:pointer;background:#000;width:auto;max-width:100%;height:min(62vh,600px);display:block}body:not(.format-vertical) .vertical-preview{aspect-ratio:auto;height:auto;max-height:min(62vh,600px)}.vertical-preview.landscape{aspect-ratio:auto;width:auto;max-width:100%;height:auto;max-height:46vh}.offscreen-video{z-index:0;pointer-events:none;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.media-vertical .vertical-preview{z-index:1;position:relative}body:not(.format-vertical) .vertical-only,body.format-vertical .original-only{display:none!important}.range-row{color:var(--muted);align-items:center;gap:14px;margin:4px 0 6px;display:flex}.range-item{flex:1;align-items:center;gap:6px;min-width:0;display:flex}input[type=range]{accent-color:var(--accent)}.range-item input[type=range]{flex:1;min-width:0}.range-value{text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:.78rem}.color-row{align-items:center;gap:12px;margin:0 0 14px;font-weight:600;display:flex}input[type=color]{border:2px solid var(--surface-3);cursor:pointer;background:0 0;border-radius:999px;width:34px;height:34px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:999px}.file-info{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 12px;font-size:.85rem}.trim-row{grid-template-columns:80px 1fr auto;align-items:center;gap:12px;margin:10px 0;display:grid}.trim-row label{font-weight:600}.trim-row input[type=range]{width:100%}.time{font-variant-numeric:tabular-nums;text-align:right;min-width:72px}.trim-summary{color:var(--muted)}.modes{border:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0 0 16px;padding:0;display:grid}.modes legend{margin-bottom:8px;padding:0;font-weight:600}.mode{background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:background .15s,box-shadow .15s;display:flex}.mode:hover{background:var(--surface-3)}.mode:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-soft)}.mode input{accent-color:var(--accent);margin-top:4px}.mode span{gap:2px;display:grid}.mode strong{align-items:center;gap:6px;display:inline-flex}.mode small{color:var(--muted)}.actions{flex-wrap:wrap;gap:10px;display:flex}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.workspace.no-options{grid-template-columns:minmax(0,1fr)}.stage{min-width:0}.stage-top{justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-bottom:8px;display:flex}.stage-actions{align-items:center;gap:6px;display:flex}.stage-actions:has(#download:not(.hidden)) .btn-primary:not(#download){background:var(--surface-2);color:var(--text)}.btn-link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:.9rem;display:inline-flex}.btn-link .lucide{width:24px;height:24px}.btn-link:disabled{opacity:.5;cursor:not-allowed}.player{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:8px 0 6px;display:grid}.player>:first-child{justify-self:start}.player>:last-child{justify-self:end}.player-end{gap:2px;display:flex}.icon-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-btn .lucide{width:22px;height:22px}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.play-btn .lucide{fill:currentColor;width:28px;height:28px}.clock{font-variant-numeric:tabular-nums;font-size:.85rem}.clock-sep{color:var(--muted);margin:0 6px}#time-total{color:var(--muted)}.timeline{background:var(--surface-2);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;height:54px;position:relative}.filmstrip{border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.playhead{pointer-events:none;will-change:transform;z-index:2;background:#fff;border-radius:2px;width:2px;position:absolute;top:-8px;bottom:-8px;left:-1px;box-shadow:0 0 6px #0009}.trim-shade{pointer-events:none;background:#0000009e;position:absolute;top:0;bottom:0}.trim-window{pointer-events:none;border:2px solid #fff;border-width:2px 0;position:absolute;top:-2px;bottom:-2px}.trim-handle{pointer-events:auto;cursor:ew-resize;background:#fff;width:16px;position:absolute;top:-2px;bottom:-2px}.trim-handle:after{content:"";background:#111;border-radius:1px;width:2px;height:16px;margin:-8px 0 0 -1px;position:absolute;top:50%;left:50%}.trim-handle[data-edge=start]{border-radius:6px 0 0 6px;left:-16px}.trim-handle[data-edge=end]{border-radius:0 6px 6px 0;right:-16px}.timeline:has(.trim-window){margin:0 16px}.trim-info{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:2px 16px;margin:10px 0 0;font-size:.8rem;display:flex}.trim-info b{color:var(--text);min-width:0;font-weight:600}.stage progress{margin-top:10px}.stage .status{text-align:center;margin:6px 0 0;font-size:.85rem}.stage .status:empty{min-height:0;margin:0}.stage .file-info{text-align:center;margin:4px 0 0;font-size:.78rem}.tool-bar{border-top:1px solid var(--border);scrollbar-width:none;justify-content:space-around;gap:2px;margin-top:8px;padding-top:6px;display:flex;overflow-x:auto}.tool-bar::-webkit-scrollbar{display:none}.tool-btn{min-width:62px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;justify-items:center;gap:4px;padding:7px 6px;font-size:.72rem;display:grid}.tool-btn:hover:not(:disabled){color:var(--text)}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn[aria-pressed=true],.tool-btn[aria-expanded=true]{color:var(--text);font-weight:600}.tool-btn[aria-pressed=true] .tool-ico{color:var(--accent)}.tool-ico{width:23px;height:23px}.options-toggle,.tool-bar:not(:has(.tool-btn:not(.options-toggle):not(.hidden))){display:none}.clips{scrollbar-width:thin;gap:8px;margin-bottom:4px;padding:4px 2px 10px;display:flex;overflow-x:auto}.clip{background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:8px;flex:none;width:96px;height:56px;padding:0;position:relative;overflow:hidden}.clip canvas{object-fit:cover;width:100%;height:100%;display:block}.clip[aria-selected=true]{border-color:#fff}.clip:disabled{cursor:not-allowed;opacity:.7}.clip-number{color:#fff;background:#000000a6;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;display:grid;position:absolute;top:3px;left:3px}.clip-length{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;font-size:.7rem;position:absolute;bottom:3px;right:5px}body:not(.mode-cut) .mode-cut-only{display:none}.mode-panel{margin-top:8px}.panel-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:38px;display:flex}.chip{background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.84rem;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-3)}.chip:disabled{opacity:.5;cursor:not-allowed}.chip-accent{background:var(--accent);color:var(--accent-text);font-weight:600}.chip-accent:hover:not(:disabled){background:var(--accent-hover)}.mini-range{max-width:220px;color:var(--muted);flex:70px;align-items:center;gap:6px;display:inline-flex}.mini-range input[type=range]{flex:1;width:0;min-width:0}.text-input{background:var(--surface-2);min-width:0;color:var(--text);font:inherit;border:0;border-radius:999px;flex:140px;padding:8px 14px;font-size:.9rem}.text-input:focus,.sub-text:focus,.mini-select:focus{outline:2px solid var(--accent);outline-offset:1px}.swatches{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:999px;width:26px;height:26px;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.layer-time{margin-top:4px}.time-label{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.layer-range{pointer-events:none;background:#f5c400;border-radius:3px;height:4px;position:absolute;bottom:-9px}body:not(.has-subs) .needs-subs{display:none}.mini-select{background:var(--surface-2);color:var(--text);font:inherit;border:0;border-radius:999px;padding:7px 10px;font-size:.82rem}.subs-status{text-align:center;flex-basis:100%}.subs-status:empty{display:none}.subs-list{gap:4px;max-height:168px;display:grid;position:relative;overflow-y:auto}.subs-sheet{flex-basis:100%}.subs-sheet .sheet-head,.subs-edit-btn{display:none}.sheet-head strong{align-items:center;gap:8px;display:inline-flex}.sub-row{border-radius:10px;align-items:center;gap:4px;padding:2px;display:flex}.sub-row.active{background:var(--accent-soft)}.sub-time{color:var(--accent);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;min-width:44px;padding:4px 2px;font-size:.78rem}.sub-text{background:var(--surface-2);min-width:0;color:var(--text);font:inherit;border:0;border-radius:999px;flex:1;padding:7px 12px;font-size:.86rem}body.mode-subs #blur-row{display:none}body:not(.has-voice) .needs-voice{display:none!important}.voice-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 0;display:flex}.voice-row .mini-range{flex:40%;max-width:none}.voice-status:empty{display:none}.voice-status{text-align:center;margin:4px 0;display:block}.voice-note{color:var(--muted);text-align:center;margin:6px 0 0;font-size:.72rem}body:not(.has-music) .needs-music{display:none}.music-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--muted);align-items:center;gap:6px;font-size:.84rem;display:inline-flex;overflow:hidden}[data-panel=music] .mini-range{flex:40%;max-width:none}.layer-list{width:100%;max-height:150px;color:var(--muted);text-align:center;gap:4px;font-size:.84rem;display:grid;overflow-y:auto}.layer-row{background:var(--surface-2);border-radius:10px;align-items:center;gap:2px;padding:2px 4px;display:flex}.layer-row[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.layer-name{text-align:left;min-width:0;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px;font-size:.84rem;display:flex;overflow:hidden}.icon-btn.small{width:32px;height:32px}.icon-btn.small .lucide{width:18px;height:18px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{background:var(--surface);border-radius:var(--radius);max-height:calc(100vh - 32px);padding:14px;position:sticky;top:16px;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebar-head h2{align-items:center;gap:8px;margin:0;font-size:.92rem;display:flex}.btn-icon{background:var(--surface-2);width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;display:none}.sidebar .modes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sidebar .modes legend{width:100%;color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600}.sidebar .mode{border-radius:999px;align-items:center;padding:7px 14px;position:relative}.sidebar .mode input{opacity:0;pointer-events:none;position:absolute}.sidebar .mode small{display:none}.sidebar .mode strong{font-size:.86rem;font-weight:600}.sidebar .color-row{margin-bottom:4px;font-size:.9rem}@media (width<=899px){.workspace{grid-template-columns:minmax(0,1fr)}.options-toggle{display:grid}.tool-bar{justify-content:space-between;gap:0}.tool-btn{flex:1 1 0;min-width:0;padding:7px 2px}.tool-bar:not(:has(.tool-btn:not(.options-toggle):not(.hidden))){display:flex}.tool-bar:not(:has(.tool-btn:not(.hidden))){display:none}.btn-icon{place-items:center;display:inline-grid}.sidebar{z-index:20;width:auto;max-height:45vh;padding:10px 14px calc(14px + env(safe-area-inset-bottom));visibility:hidden;border-radius:18px 18px 0 0;transition:transform .25s,visibility .25s;position:fixed;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -10px 30px #0000008c}.sidebar.open{visibility:visible;transform:none}video.preview{max-height:42vh}}@media (prefers-reduced-motion:reduce){.sidebar,.subs-sheet{transition:none}}progress{width:100%;height:6px;accent-color:var(--accent);margin-top:14px}.status{min-height:1.5em;margin-top:10px}.status.error{color:var(--error)}.status.ok{color:var(--ok)}.hidden{display:none!important}.site-footer{color:var(--muted);padding:14px 0 22px;font-size:.8rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.site-footer a{color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--text)}a.tool-btn{text-decoration:none}.tool-switch{scrollbar-width:none;justify-content:center;gap:2px;margin:12px 0 0;padding:4px 0;display:flex;overflow-x:auto}.tool-switch::-webkit-scrollbar{display:none}.tool-switch .tool-btn{min-width:68px}.tool-switch .tool-btn[aria-current=page]{color:var(--text);font-weight:600}.tool-switch .tool-btn[aria-current=page] .tool-ico{color:var(--accent)}.more-btn{display:none}.more-panel,.more-links{display:contents}.more-options,.in-editor{display:none}body:not(.editing) .tool-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;margin-top:18px;display:grid;overflow:visible}body:not(.editing) .tool-switch .tool-btn{min-width:0;color:var(--text);white-space:normal;text-align:center;gap:8px;padding:0;font-size:.78rem}body:not(.editing) .tool-switch .tool-ico{box-sizing:content-box;background:var(--surface);width:24px;height:24px;color:var(--text);border-radius:16px;padding:18px;transition:background .15s}body:not(.editing) .tool-switch .tool-btn:hover .tool-ico{background:var(--surface-2)}body:not(.editing) .tool-switch .more-btn,body:not(.editing) .tool-switch .in-editor{display:none}body:not(.editing) .tool-switch .more-panel,body:not(.editing) .tool-switch .more-links{display:contents}body:not(.editing) .tool-switch .more-options{display:none}@media (width>=900px){main.container{flex-direction:column;display:flex}body.editing main.container>.tool-switch{border-bottom:1px solid var(--border);order:-1;margin:0 0 12px;padding:0 0 6px}.stage .file-info{display:none}body.editing .stage-top{margin-top:4px}}@media (width<=640px){.vertical-preview{height:min(46vh,400px)}.format-vertical .vertical-preview{height:min(52vh,460px)}.vertical-preview.landscape{max-height:34vh}body:not(.format-vertical) .vertical-preview{max-height:min(52vh,460px)}body.page-photo:not(.format-vertical) .vertical-preview{max-height:min(60vh,520px)}body.page-photo .vertical-preview.landscape{max-height:50vh}body.editing .site-header,body.editing .site-footer{display:none}body.editing main.container{padding:6px 10px calc(4px + env(safe-area-inset-bottom))}.mode-bar{justify-content:flex-start;margin-top:6px;overflow-x:auto}.mode-bar .tool-btn{flex:none;min-width:58px;padding:7px 4px}.tool-switch{justify-content:space-around;position:relative;overflow:visible}body.editing .tool-switch>.tool-btn{flex:1 1 0;min-width:0}.more-btn{display:grid}.more-btn:has(~.more-panel [aria-current=page]){color:var(--text);font-weight:600}.more-panel{z-index:15;background:var(--surface);width:min(100%,360px);box-shadow:var(--shadow);border-radius:18px;padding:10px;display:none;position:absolute;bottom:calc(100% + 6px);right:0}.tool-switch.expanded .more-panel{display:block}.more-section,.more-links{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.more-options{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px}.more-options:not(:has(.tool-btn:not(.hidden))){display:none}.more-panel .tool-btn{min-width:0;color:var(--text)}.more-panel .tool-btn[aria-pressed=true] .tool-ico{color:var(--accent)}body.page-editor.editing .tool-switch{height:0;margin:0;padding:0}body.page-editor.editing .tool-switch>.tool-btn{display:none}body.page-editor.editing .in-editor{display:grid}body.page-editor.editing .more-panel{width:auto;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0}.stage .file-info,.label-wide{display:none}.panel-row{gap:5px}.chip{padding:6px 11px;font-size:.82rem}.subs-edit-btn{display:inline-flex}.subs-sheet{z-index:25;max-height:48vh;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:var(--surface);visibility:hidden;border-radius:18px 18px 0 0;transition:transform .25s,visibility .25s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -10px 30px #0000008c}.subs-sheet.open{visibility:visible;transform:none}.subs-sheet .sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.subs-sheet .subs-list{max-height:calc(48vh - 60px)}}.prose{max-width:680px}.prose h1{margin-top:12px}.prose h2{margin:24px 0 6px;font-size:1.05rem}.prose p,.prose li{color:#d6d6da;line-height:1.6}@media (width<=560px){.trim-row{grid-template-columns:1fr auto}.trim-row input[type=range]{grid-area:2/1/auto/-1}.panel{padding:14px}}.diag-box{z-index:60;color:#b6ffb6;white-space:pre-wrap;pointer-events:none;background:#000000d1;border-radius:8px;max-height:46vh;margin:0;padding:6px 8px;font:10.5px/1.35 ui-monospace,monospace;position:fixed;top:4px;left:4px;right:4px;overflow:hidden}body.diag-native .media-vertical .vertical-preview{display:none}body.diag-native .offscreen-video{width:100%;height:auto;max-height:42vh;margin:0;position:static}