:root{--bg: #0c0d11;--panel: #13151b;--panel-2: #181b22;--line: #252a34;--text: #eceef3;--text-mid: #a6acba;--text-dim: #6b7180;--accent: #06b6d4;--accent-soft: rgba(6,182,212,.12);--accent-line: rgba(6,182,212,.42);--ok: #22c55e;--err: #f43f5e;--warn: #f59e0b;--radius: 12px;--radius-sm: 8px;--sans: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--sans)}body{min-height:100vh;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card.wide{width:min(1400px,100%)}.head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}.mark{width:30px;height:30px;border-radius:var(--radius-sm);flex:0 0 auto;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.head b{font-size:15px}.head .sub{display:block;font-size:12px;color:var(--text-mid);font-weight:400}.spacer{flex:1 1 auto}.body{padding:20px 16px}.body p{color:var(--text-mid);font-size:14px;line-height:1.6;margin-bottom:12px}.body p strong{color:var(--text)}ul{margin:0 0 16px 18px;color:var(--text-mid);font-size:14px;line-height:1.7}.state{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px;color:var(--text-mid)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex:0 0 auto}.state.is-live .dot{background:var(--err);animation:pulse 1.4s ease-in-out infinite}.state.is-live{color:var(--text)}.state.is-err .dot{background:var(--err)}.state.is-err{color:var(--err)}@keyframes pulse{50%{opacity:.25}}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:#06b6d433}button.ghost{background:transparent;border-color:var(--line);color:var(--text-mid)}button.ghost:hover{border-color:var(--err);color:var(--err);background:transparent}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap}.note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--text-dim);line-height:1.6}video{display:block;width:100%;max-height:calc(100vh - 200px);background:#000;object-fit:contain}.stamp{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.hidden{display:none!important}