:root{color-scheme:light dark;--cs-bg: #f4f5f7;--cs-surface: #ffffff;--cs-surface-2: #eceef2;--cs-border: #d9dde4;--cs-text: #151a21;--cs-text-muted: #5b6573;--cs-accent: #2f6fed;--cs-accent-text: #ffffff;--cs-good: #1f8a4c;--cs-warn: #b86e00;--cs-bad: #c8372d;--cs-info: #2f6fed;--cs-neutral: #6b7380;--cs-radius: 10px;--cs-radius-sm: 6px;--cs-shadow: 0 1px 2px rgb(15 20 30 / 6%), 0 4px 16px rgb(15 20 30 / 6%);--cs-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--cs-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--cs-bg: #0e1116;--cs-surface: #161b22;--cs-surface-2: #1f262f;--cs-border: #2b333e;--cs-text: #e6e9ee;--cs-text-muted: #98a2b0;--cs-accent: #5b8ff5;--cs-good: #3fbf74;--cs-warn: #e2a33a;--cs-bad: #ef6a5f;--cs-info: #6fa0ff;--cs-neutral: #8b95a3;--cs-shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 24px rgb(0 0 0 / 25%)}}:root[data-theme=dark]{--cs-bg: #0e1116;--cs-surface: #161b22;--cs-surface-2: #1f262f;--cs-border: #2b333e;--cs-text: #e6e9ee;--cs-text-muted: #98a2b0;--cs-accent: #5b8ff5;--cs-good: #3fbf74;--cs-warn: #e2a33a;--cs-bad: #ef6a5f;--cs-info: #6fa0ff;--cs-neutral: #8b95a3}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--cs-bg);color:var(--cs-text);font-family:var(--cs-font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);background:var(--cs-surface);cursor:pointer;font-weight:500;white-space:nowrap}.cs-btn:hover:not(:disabled){background:var(--cs-surface-2)}.cs-btn:disabled{opacity:.55;cursor:not-allowed}.cs-btn--primary{background:var(--cs-accent);border-color:var(--cs-accent);color:var(--cs-accent-text)}.cs-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--cs-accent) 88%,black)}.cs-btn--danger{color:var(--cs-bad)}.cs-btn--ghost{background:transparent;border-color:transparent}.cs-input,.cs-select{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);background:var(--cs-surface)}.cs-field{display:grid;gap:4px}.cs-field__label{font-weight:600;font-size:13px}.cs-field__hint{color:var(--cs-text-muted);font-size:12px}.cs-card{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);padding:16px}.cs-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cs-card__title{margin:0;font-size:15px;font-weight:650}.cs-card__actions{display:flex;gap:8px;flex-wrap:wrap}.cs-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,currentColor 12%,transparent);white-space:nowrap}.cs-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.cs-pill--good,.cs-tone--good{color:var(--cs-good)}.cs-pill--warn,.cs-tone--warn{color:var(--cs-warn)}.cs-pill--bad,.cs-tone--bad{color:var(--cs-bad)}.cs-pill--info,.cs-tone--info{color:var(--cs-info)}.cs-pill--neutral,.cs-tone--neutral{color:var(--cs-neutral)}.cs-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 16px;margin:0}.cs-stats--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 12px;font-size:12px}.cs-stat dt{color:var(--cs-text-muted);font-size:12px}.cs-stat dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:anywhere}.cs-muted{color:var(--cs-text-muted)}.cs-mono{font-family:var(--cs-mono);font-size:12px}html,body,#root{height:100%}body{background:#05070a;color:#e6e9ee}.viewer{display:grid;grid-template-rows:1fr auto auto;height:100%;min-height:100dvh}.stage{position:relative;min-height:0;background:#000;display:grid;place-items:center;overflow:hidden}.stage__video{width:100%;height:100%;object-fit:contain;background:#000}.stage__overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#0000008c;pointer-events:none}.stage__overlay button{pointer-events:auto}.stage__message{display:grid;justify-items:center;gap:8px;text-align:center;max-width:420px;color:#e6e9ee}.stage__message strong{font-size:18px;font-weight:650}.stage__message span{color:#aab3bf}.stage__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:#e2a33ae5;color:#1b1200;font-size:12px;font-weight:600}.start-button{position:absolute;font-size:16px;min-height:48px;padding:0 24px}.spinner{width:26px;height:26px;border:3px solid rgb(255 255 255 / 25%);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 16px;background:#0e1116;border-top:1px solid #1f262f}.controls__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.controls .cs-btn--ghost{color:#e6e9ee;min-width:36px;padding:0 10px}.controls .cs-btn--ghost:hover{background:#1f262f}.controls .cs-select{width:auto;background:#161b22;border-color:#2b333e;color:#e6e9ee}.controls__res{font-variant-numeric:tabular-nums;font-size:12px}.diagnostics{margin:0 16px 16px;background:#161b22;border-color:#2b333e;color:#e6e9ee;max-height:40vh;overflow:auto}.diagnostics .cs-stat dt{color:#98a2b0}.diagnostics__actions{margin-top:12px}.diagnostics .cs-btn{background:#1f262f;border-color:#2b333e}@media(max-width:560px){.controls{padding:8px 12px}.diagnostics{margin:0 12px 12px}}:fullscreen .stage__video{height:100vh}.landing{min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at top,#121a26,#05070a 60%)}.landing__card{width:min(640px,100%);display:grid;gap:28px;padding:32px;border:1px solid #1f262f;border-radius:14px;background:#0e1116}.landing__brand{display:flex;align-items:center;gap:12px}.landing__brand h1{margin:0;font-size:22px;font-weight:700}.landing__mark{width:30px;height:22px;border-radius:6px;background:#5b8ff5;position:relative}.landing__mark:after{content:"";position:absolute;left:11px;top:6px;border-left:10px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.landing__block{display:grid;gap:10px}.landing__block h2{margin:0;font-size:16px;font-weight:650}.landing__block p{margin:0;color:#aab3bf}.landing__muted{color:#8b95a3;font-size:13px}.landing__primary{display:grid;gap:10px;margin-top:4px}.landing__download{display:grid;justify-items:start;gap:2px;min-height:56px;padding:10px 16px;text-decoration:none;white-space:normal;text-align:left}.landing__download small{font-weight:400;opacity:.85}.landing__others summary{cursor:pointer;color:#aab3bf}.landing__others ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}.landing__others a{color:#6fa0ff}.landing__hashes li{display:grid;gap:2px}.landing__hash{color:#8b95a3;font-size:11px;overflow-wrap:anywhere}.landing__steps{margin:4px 0 0;padding-left:20px;display:grid;gap:6px;color:#c9d1db}.landing code{font-family:var(--cs-mono);font-size:12px;color:#e6e9ee}@media(max-width:560px){.landing__card{padding:22px 18px}}