:root{--bg: #0f0f14;--card: #1a1a22;--line: #2a2a36;--text: #e8e8ee;--muted: #9a9aa8;--accent: #ffd23c;--primary: #4f8cff;--err: #ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:860px;margin:0 auto;padding:24px 16px 64px}header h1{margin:0;font-size:1.6rem}header .sub{color:var(--muted);margin:4px 0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}h2{margin-top:0}h3{margin:18px 0 8px;font-size:1rem;color:var(--accent)}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:.9rem}input,textarea{width:100%;background:#12121a;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px;font-size:.95rem;font-family:inherit}textarea{resize:vertical}button,.btn{cursor:pointer;border:1px solid var(--line);background:#23232e;color:var(--text);border-radius:8px;padding:10px 16px;font-size:.95rem;text-decoration:none;display:inline-block}button.primary,.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:default}.err{color:var(--err)}.muted{color:var(--muted)}.steps{list-style:none;padding:0}.steps li{padding:8px 0;color:var(--muted);border-bottom:1px solid var(--line)}.steps li.on{color:var(--text)}.preview-video{width:100%;max-width:320px;display:block;margin:8px auto 16px;border-radius:12px;background:#000;aspect-ratio:9 / 16}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.label-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.label-row .rank{color:var(--accent);font-weight:700;width:28px}.scene{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:6px;background:#12121a;border:1px solid var(--line);border-radius:8px;font-size:.82rem}.scene .rank{width:26px;height:26px;flex:none;display:grid;place-items:center;background:var(--accent);color:#000;font-weight:700;border-radius:6px}.scene .sid{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene .sid em{color:var(--muted)}.scene .trim{display:flex;gap:4px}.scene .trim label{margin:0;display:flex;align-items:center;gap:2px;color:var(--muted)}.scene .trim input{width:54px;padding:4px}.scene .ops{display:flex;gap:2px}.scene .ops button{padding:4px 7px}.actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
