:root{--bg: #fafafa;--surface: #ffffff;--ink: #1a1d29;--muted: #6b7280;--accent: #5b5bd6;--accent-strong: #3e3ec2;--ok: #16a34a;--err: #dc2626;--border: #e5e7eb;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;padding:16px;background:var(--bg);color:var(--ink);font-size:14px}header h1{font-size:18px;margin:0;letter-spacing:-.01em}.subtitle{margin:2px 0 18px;color:var(--muted);font-size:12px}section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:12px}label{display:block;margin:8px 0 4px;font-size:12px;color:var(--muted)}input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;outline:none;font-family:inherit}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5b5bd626}button{width:100%;margin-top:12px;padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}button:hover{background:var(--accent-strong)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.secondary:hover{background:#5b5bd614}#stop-btn{background:transparent;color:var(--err);border:1px solid var(--err)}.hint{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.status{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--ok);animation:pulse 1.4s ease-in-out infinite}.dot.err{background:var(--err)}.slide-info{display:flex;justify-content:space-between;align-items:baseline;padding:10px 12px;background:var(--bg);border-radius:6px}.slide-info strong{font-size:24px;color:var(--accent)}.feedback{font-size:12px;color:var(--muted);min-height:1.2em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}