:root{color-scheme:dark;--bg:#101214;--card:#1b1f23;--line:#363c43;--text:#f5f6f7;--muted:#9099a2;--lime:#b8f45a;--pink:#ff4165}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page{width:min(100%,620px);margin:auto;min-height:100svh;padding:calc(17px + env(safe-area-inset-top)) 16px calc(26px + env(safe-area-inset-bottom))}header{height:43px;display:flex;align-items:center;gap:12px}.icon{background:none;border:0;color:#e1e5e7;font-size:42px;font-weight:200;line-height:1;padding:0 5px}.brand{display:grid;gap:1px;flex:1}.brand b{font-size:17px}.brand small{font-size:11px;color:var(--muted)}.export,.primary{border:0;border-radius:13px;background:var(--lime);color:#18200c;font:700 15px inherit;padding:13px 22px}.export:disabled,.primary:disabled{background:#353b40;color:#7c858d}.empty{min-height:75svh;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.empty h1{font-size:26px;margin:18px 0 8px}.empty p{color:var(--muted);font-size:14px;margin:0 0 28px}.upload-icon{display:grid;place-items:center;background:#283128;color:var(--lime);height:58px;width:58px;border-radius:50%;font-size:32px}.preview-wrap{margin-top:18px;background:#050505;border-radius:18px;overflow:hidden}.preview-wrap video{display:block;width:100%;max-height:42svh;background:#050505}.time{display:flex;gap:5px;padding:10px 13px;font-size:14px}.time span{color:var(--muted)}.tip{display:flex;gap:9px;align-items:center;margin:24px 2px 12px}.tip>span{display:grid;place-items:center;background:#415923;color:var(--lime);width:27px;height:27px;border-radius:50%;font-weight:800;font-size:13px}.tip b,.tip small{display:block}.tip b{font-size:14px}.tip small{font-size:12px;color:var(--muted);margin-top:3px}.timeline-card,.scene-box,.progress,.result{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:13px}.timeline-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:12px}.timeline-label span{font-size:11px;color:var(--muted)}.timeline{height:78px;position:relative;overflow:hidden;border-radius:9px;background:#2d3438}.film{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#697267 0 2px,#a0aa9a 2px 4px,#c7d0c6 4px 14px);opacity:.55}.cut-window{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#4c3d42 0 7px,#59484d 7px 14px);border-left:3px solid white;border-right:3px solid white;display:grid;place-items:center;z-index:2}.cut-window button{background:#f4f5f3;color:#202324;border:0;border-radius:9px;font:700 12px inherit;padding:9px 11px;box-shadow:0 2px 9px #0006}.range{position:absolute;z-index:4;left:0;top:0;width:100%;height:78px;appearance:none;background:transparent;pointer-events:none;margin:0}.range::-webkit-slider-thumb{appearance:none;width:23px;height:88px;border:3px solid white;background:#fff;border-radius:3px;pointer-events:auto;box-shadow:0 0 0 2px #0007}.range::-moz-range-thumb{width:17px;height:78px;border:3px solid white;background:#fff;pointer-events:auto}.ticks{display:flex;justify-content:space-between;color:#879099;font-size:11px;margin-top:8px}.scene-panel{min-height:66px}.scene-box{margin-top:1px}.scene-box .scene-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.scene-box b{font-size:14px}.scene-box small{font-size:12px;color:var(--muted)}.choose{border:1px dashed #748079;background:#252b30;color:var(--text);width:100%;border-radius:10px;padding:14px;font:600 14px inherit;margin-top:12px}.scene-video{width:100%;max-height:180px;background:#060606;border-radius:10px;margin-top:11px}.scene-range{width:100%;accent-color:var(--lime);margin:11px 0 0}.scene-note{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:5px}.footer-action{margin-top:26px}.footer-action .primary{width:100%;min-height:54px}.footer-action p{text-align:center;color:var(--muted);font-size:12px;margin:10px 0}.progress,.result{margin-top:18px}.progress>div{display:flex;justify-content:space-between;font-size:14px}.progress>div span{color:var(--lime)}.progress i{display:block;height:7px;background:#343a40;border-radius:10px;overflow:hidden;margin:14px 0}.progress em{display:block;height:100%;width:0;background:var(--lime);transition:width .2s}.progress small{color:var(--muted);font-size:12px}.result{text-align:center;padding:30px}.result>span{display:grid;place-items:center;margin:auto;background:#405923;color:var(--lime);font-size:25px;width:48px;height:48px;border-radius:50%}.result h2{font-size:18px;margin:12px}.result p{color:var(--muted);font-size:13px;margin-bottom:20px}.result a{display:flex;justify-content:center;gap:14px;text-decoration:none}