:root{--bg:#f3f5f4;--surface:#fff;--text:#111b21;--muted:#5f6b70;--line:#e1e7e4;--accent:#1a9e50;--accent-ink:#fff;--accent-soft:#e4f5eb;--warn-bg:#fff5dc;--warn:#7a5200;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b141a;--surface:#111b21;--text:#e9edef;--muted:#8696a0;--line:#233138;--accent:#25d366;--accent-ink:#0b141a;--accent-soft:#25d3661f;--warn-bg:#3a2e10;--warn:#f0c674;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:560px;padding:max(20px, env(safe-area-inset-top)) 16px 40px;gap:16px;margin:0 auto;display:grid}h1,h2{margin:0;line-height:1.2}h1{font-size:22px}h2{font-size:17px}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.top{align-items:center;gap:14px;display:flex}.logo{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);letter-spacing:.5px;border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:14px;padding:18px;display:grid}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.drop{border:2px dashed var(--line);cursor:pointer;text-align:center;border-radius:12px;justify-items:center;gap:6px;padding:36px 16px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop-icon{fill:none;width:36px;height:36px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}video{background:#000;border-radius:12px;width:100%;max-height:360px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.stats div{background:var(--bg);border-radius:10px;min-width:0;padding:8px}.stats dt{color:var(--muted);font-size:12px}.stats dd{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.loading{color:var(--muted);grid-column:1/-1}.warn,.notice{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px}.presets{border:0;gap:8px;margin:0;padding:0;display:grid}.preset{border:1.5px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.preset:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.preset input{accent-color:var(--accent);width:18px;height:18px;margin:0}.preset span{display:grid}.preset em{color:var(--muted);font-size:13px;font-style:normal}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:var(--muted);gap:4px;font-size:13px;display:grid}select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:15px}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{accent-color:var(--accent);width:18px;height:18px;margin:0}.btn{font:inherit;cursor:pointer;text-align:center;background:var(--accent-soft);color:var(--text);border:0;border-radius:12px;padding:14px 18px;font-weight:600;text-decoration:none}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.small{border-radius:10px;padding:8px 14px;font-size:14px}.btn:active{transform:scale(.98)}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.bar{background:var(--bg);border-radius:99px;height:10px;overflow:hidden}#bar-fill{background:var(--accent);border-radius:99px;width:0;height:100%;transition:width .3s}.how{color:var(--muted);gap:2px;margin:0;padding-left:20px;display:grid}.how b{color:var(--text)}.outputs{gap:12px;display:grid}.out{border:1px solid var(--line);border-radius:12px;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.out video{border-radius:8px;max-height:140px}.out-body{gap:4px;min-width:0;display:grid}.out-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.foot{text-align:center}@media (width<=380px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}