:root{--bg: #f4f8fd;--surface: #ffffff;--surface-2: #eef4fc;--ink: #101c3c;--heading: #07132f;--text-2: #415d83;--muted: #6b84ae;--accent: #2f6fd0;--accent-ink: #ffffff;--line: #d8e4f2;--line-soft: #e8eff8;--ok: #1f9d55;--bad: #c0392b;--font: "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--radius: 3px;--radius-lg: 4px;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--bg)}:root[data-theme=dark]{--bg: #0a1222;--surface: #0f1a2e;--surface-2: #14233d;--ink: #e4ecf8;--heading: #f4f8fe;--text-2: #b6c7df;--muted: #94aacb;--accent: #5b9bf5;--accent-ink: #06101f;--line: #1f2f4a;--line-soft: #18263d;--ok: #4cc485;--bad: #f08a7e;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:0}h1{margin:0 0 14px;color:var(--heading);font-size:22px;font-weight:600}code{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.small{font-size:12.5px}.card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.button{padding:7px 14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer}.button--ghost{border-color:var(--line);background:var(--surface);color:var(--accent)}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.icon-button--small{width:26px;height:26px;border-color:transparent;background:none;color:var(--muted)}.link{padding:0;border:0;background:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.link--danger{color:var(--bad)}.segmented{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.segmented button{padding:4px 10px;border:0;border-radius:var(--radius);background:none;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}:root{--rec: #d0453f;--display: #f7fafd}:root[data-theme=dark]{--rec: #f0645c;--display: #0c1628}.field{display:grid;gap:4px}.field>span{color:var(--text-2);font-size:12px;font-weight:600}.field small{line-height:1.45}h2{margin:0 0 10px;color:var(--heading);font-size:14px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;color:var(--heading);font-family:Manrope,var(--font);font-size:15.5px;text-decoration:none}.brand strong{font-weight:700}.topbar__spacer{flex:1}.topbar__site{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.content{display:grid;gap:14px;width:100%;max-width:1180px;margin:0 auto;padding:18px 20px 28px}.notice{padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);font-size:13.5px;line-height:1.5}.notice--bad{border-left-color:var(--rec);background:color-mix(in srgb,var(--rec) 8%,var(--surface))}.guide summary{color:var(--heading);font-size:14px;font-weight:600;cursor:pointer}.guide ol{display:grid;gap:4px;margin:10px 0 6px;padding-left:20px;font-size:13.5px;line-height:1.5}.guide p{margin:0}.rec-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;align-items:start}.rec-panel{display:grid;gap:14px;min-width:0}.settings fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}.settings input,.settings select{width:100%;min-width:0}.settings .segmented{display:flex}.settings .segmented button{flex:1;padding:5px 4px}.duration{display:flex;align-items:center;gap:6px}.duration input{width:72px}.duration span{color:var(--muted);font-size:13px}.split{padding-top:12px;border-top:1px solid var(--line-soft)}.switch{display:inline-flex;align-items:center;gap:8px;color:var(--heading);font-size:13.5px;font-weight:600;cursor:pointer}.switch input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.split__every{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.split__every select{width:auto}.controls{display:grid;gap:12px}.controls__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;gap:7px}.button--rec{border-color:var(--rec);background:var(--rec);color:#fff;padding:8px 18px}.button--rec .dot{width:10px;height:10px;border-radius:50%;background:#fff}.status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--text-2);font-size:13px;font-weight:600}.status__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.status--rec{color:var(--rec)}.status--rec .status__dot{background:var(--rec);animation:blink 1s infinite}.status--paused .status__dot{background:#e8a33a}.status--saving .status__dot,.status--starting .status__dot{background:var(--accent)}@keyframes blink{50%{opacity:.2}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0}.stats div{padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--display)}.stats dt{color:var(--muted);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stats dd{margin:2px 0 0;color:var(--heading);font-family:var(--mono);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.controls__info{margin:0;overflow-wrap:anywhere}.preview{position:relative;padding:0;overflow:hidden;background:#000}.preview video{display:block;width:100%;aspect-ratio:16 / 9;max-height:440px;background:#000;object-fit:contain}.preview__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#9aa8bf}.parts ul,.activity ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.parts li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.parts code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-status{font-size:12px;font-weight:600}.part-status--rec{color:var(--rec)}.part-status--saving{color:var(--accent)}.part-status--saved{color:var(--ok)}.part-status--error{color:var(--bad)}.activity ol{max-height:180px;overflow-y:auto;font-family:var(--mono);font-size:12px;line-height:1.5}.log--ok{color:var(--ok)}.log--warn{color:#c07a12}.log--error{color:var(--bad)}:root[data-theme=dark] .log--warn{color:#e8b25a}.legal{margin:0;text-align:center;line-height:1.5}@media(max-width:899px){.topbar{padding:0 14px}.topbar__tag{display:none}.content{padding:14px 16px 24px}.rec-grid{grid-template-columns:minmax(0,1fr)}.rec-panel{order:-1}.status{margin-left:0;width:100%}}