:root{--font-sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--radius-xs: 5px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--transition-fast: .14s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .24s cubic-bezier(.22, 1, .36, 1);--topbar-h: 3.15rem;--statusbar-h: 2.35rem;--stage-max-w: 1320px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.35rem;--space-6: 1.75rem;--text-xs: .72rem;--text-sm: .82rem;--text-base: .92rem;--text-lg: 1.08rem;--glass-border: color-mix(in srgb, var(--border-strong) 65%, transparent);--glass-panel: color-mix(in srgb, var(--surface) 90%, transparent);--glass-panel-strong: color-mix(in srgb, var(--surface-raised) 88%, transparent);--glass-shadow: 0 8px 28px rgba(0, 0, 0, .28)}html[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-elevated: #0c0c0f;--bg-subtle: #101014;--surface: #141418;--surface-raised: #1a1a20;--surface-muted: #222228;--surface-deep: #050506;--surface-glass: rgba(20, 20, 24, .88);--border: rgba(250, 250, 255, .08);--border-strong: rgba(250, 250, 255, .14);--text: #fafafa;--text-muted: #a1a1aa;--text-subtle: #71717a;--accent: #34d399;--accent-bright: #6ee7b7;--accent-deep: #059669;--accent-muted: rgba(52, 211, 153, .12);--accent-glow: rgba(52, 211, 153, .35);--accent-text-on-soft: #a7f3d0;--violet: #c084fc;--violet-muted: rgba(192, 132, 252, .1);--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--warning: #fbbf24;--danger: #fb7185;--rail-bg: #0a0a0c;--rail-border: rgba(255, 255, 255, .06);--topbar-bg: rgba(9, 9, 11, .92);--topbar-border: rgba(255, 255, 255, .06);--shadow-xs: 0 1px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 4px 24px rgba(0, 0, 0, .45);--shadow-md: 0 18px 48px rgba(0, 0, 0, .55);--shadow-glow: 0 0 36px rgba(52, 211, 153, .12);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--mesh-1: rgba(52, 211, 153, .06);--mesh-2: rgba(192, 132, 252, .05);--mesh-3: rgba(16, 185, 129, .04);--lights-hero-gradient: linear-gradient(155deg, #0c080f 0%, #0a0f18 40%, #071418 70%, #100818 100%);--lights-hero-glow: radial-gradient(ellipse 95% 90% at 92% 8%, rgba(251, 113, 133, .16), transparent 52%), radial-gradient(ellipse 85% 75% at 4% 92%, rgba(34, 211, 238, .12), transparent 48%), radial-gradient(ellipse 70% 55% at 50% 108%, rgba(167, 139, 250, .1), transparent 45%);--lights-rgb-spectrum: linear-gradient(90deg, #fb7185, #fbbf24, #4ade80, #22d3ee, #a78bfa, #f472b6, #fb7185);--lights-rgb-spectrum-soft: linear-gradient( 90deg, rgba(251, 113, 133, .45), rgba(251, 191, 36, .45), rgba(74, 222, 128, .45), rgba(34, 211, 238, .45), rgba(167, 139, 250, .45), rgba(251, 113, 133, .45) );--orb-active: radial-gradient(circle at 28% 22%, #fff7ed, #fb7185 32%, #a78bfa 58%, #22d3ee 82%, #0e7490);--orb-off: radial-gradient(circle at 40% 40%, #3f3f46, #27272a)}html[data-theme=light]{color-scheme:light;--bg: #f4f4f5;--bg-elevated: #fafafa;--bg-subtle: #e4e4e7;--surface: #ffffff;--surface-raised: #fafafa;--surface-muted: #f4f4f5;--surface-deep: #e4e4e7;--surface-glass: rgba(255, 255, 255, .9);--border: rgba(24, 24, 27, .1);--border-strong: rgba(24, 24, 27, .16);--text: #18181b;--text-muted: #52525b;--text-subtle: #71717a;--accent: #059669;--accent-bright: #10b981;--accent-deep: #047857;--accent-muted: rgba(5, 150, 105, .1);--accent-glow: rgba(16, 185, 129, .2);--accent-text-on-soft: #065f46;--violet: #7c3aed;--violet-muted: rgba(124, 58, 237, .08);--success: #059669;--success-soft: rgba(5, 150, 105, .1);--warning: #d97706;--danger: #e11d48;--rail-bg: #fafafa;--rail-border: rgba(24, 24, 27, .08);--topbar-bg: rgba(255, 255, 255, .92);--topbar-border: rgba(24, 24, 27, .08);--shadow-xs: 0 1px 2px rgba(24, 24, 27, .06);--shadow-sm: 0 4px 20px rgba(24, 24, 27, .08);--shadow-md: 0 20px 40px rgba(24, 24, 27, .1);--shadow-glow: 0 0 28px rgba(16, 185, 129, .12);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--mesh-1: rgba(16, 185, 129, .05);--mesh-2: rgba(124, 58, 237, .04);--mesh-3: rgba(5, 150, 105, .03);--lights-hero-gradient: linear-gradient(155deg, #ffffff 0%, #f0f9ff 42%, #faf5ff 72%, #fff1f2 100%);--lights-hero-glow: radial-gradient(ellipse 95% 90% at 92% 6%, rgba(251, 113, 133, .12), transparent 50%), radial-gradient(ellipse 85% 75% at 2% 94%, rgba(34, 211, 238, .1), transparent 48%), radial-gradient(ellipse 70% 50% at 50% 100%, rgba(167, 139, 250, .08), transparent 42%);--lights-rgb-spectrum: linear-gradient(90deg, #e11d48, #ea580c, #16a34a, #0284c7, #7c3aed, #db2777, #e11d48);--lights-rgb-spectrum-soft: linear-gradient( 90deg, rgba(225, 29, 72, .35), rgba(234, 88, 12, .35), rgba(22, 163, 74, .35), rgba(2, 132, 199, .35), rgba(124, 58, 237, .35), rgba(225, 29, 72, .35) );--orb-active: radial-gradient(circle at 28% 22%, #fffbeb, #fb7185 35%, #818cf8 55%, #38bdf8 78%, #0369a1);--orb-off: radial-gradient(circle at 40% 40%, #e4e4e7, #d4d4d8)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: .01s;--transition-smooth: .01s}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:15px;line-height:1.55;background:var(--bg);color:var(--text);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 80% at 10% -20%,var(--mesh-1),transparent 55%),radial-gradient(ellipse 90% 70% at 100% 0%,var(--mesh-2),transparent 50%),radial-gradient(ellipse 70% 50% at 50% 100%,var(--mesh-3),transparent 45%);opacity:1}@media(prefers-reduced-motion:no-preference){body:before{animation:mesh-drift 28s ease-in-out infinite alternate}}@keyframes mesh-drift{0%{filter:hue-rotate(0deg);transform:scale(1)}to{filter:hue-rotate(8deg);transform:scale(1.015)}}#root{min-height:100vh;position:relative;z-index:1}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:3px;transition:color var(--transition-fast)}a:hover{color:var(--accent-bright)}code{font-family:var(--font-mono);font-size:.84em;padding:.14em .4em;border-radius:var(--radius-xs);background:var(--surface-muted);border:1px solid var(--border)}::selection{background:var(--accent-muted);color:var(--text)}.app-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-h);padding:0 var(--space-3);border-bottom:1px solid var(--glass-border);background:color-mix(in srgb,var(--topbar-bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-topbar__brand{flex:0 0 auto;display:flex;flex-direction:column;gap:.05rem;padding-right:var(--space-3);border-right:1px solid var(--border);min-width:7.5rem}.app-topbar__product{font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);line-height:1}.app-topbar__title{margin:0;font-size:.92rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.app-topbar__nav{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.app-topbar__actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2)}.app-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-2);padding:0;border:none;background:transparent}.app-tabs__group{display:inline-flex;align-items:center;gap:.28rem}.app-tabs__group+.app-tabs__group{margin-left:.15rem;padding-left:.55rem;border-left:1px solid var(--border)}.app-tabs__group-label{font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin:0 .15rem 0 .05rem;white-space:nowrap}.app-tabs__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text-muted);height:2rem;padding:0 .65rem;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:600;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.app-tabs__btn:hover{color:var(--text);border-color:var(--border-strong)}.app-tabs__btn.is-active{color:#052e1f;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);border-color:color-mix(in srgb,var(--accent-bright) 40%,var(--accent-deep))}html[data-theme=light] .app-tabs__btn.is-active{color:#ecfdf5}.app-tabs__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-tabs__ico{flex:0 0 1rem;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;opacity:.85}.app-workspace{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.app-stage{flex:1;width:100%;max-width:var(--stage-max-w);margin:0 auto;padding:var(--space-3) var(--space-4) var(--space-6);animation:stage-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.app-stage{animation:none}}.app-footer-meta{margin-top:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-subtle);text-align:center;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-subtle) 92%,transparent);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) var(--space-3)}@media(max-width:720px){.app-topbar{flex-wrap:wrap;padding:var(--space-2);gap:var(--space-2)}.app-topbar__brand{border-right:none;padding-right:0;min-width:0}.app-topbar__nav{order:3;flex:1 1 100%}.app-stage{padding-left:var(--space-3);padding-right:var(--space-3)}}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-glass);color:var(--text-muted);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent);color:var(--text);box-shadow:var(--shadow-glow)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle__glyph{font-size:1rem;line-height:1;opacity:.95}.theme-toggle__glyph--sun{font-size:1.08rem}.theme-toggle__glyph--system{font-size:.92rem}.theme-toggle__label{min-width:2.1rem;text-align:left}.page-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,200px);gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:linear-gradient(155deg,var(--glass-panel-strong),var(--glass-panel));box-shadow:var(--glass-shadow)}.page-head--compact{grid-template-columns:1fr}.page-head__content{min-width:0}.page-head__eyebrow{margin:0 0 .25rem;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep)}html[data-theme=dark] .page-head__eyebrow{color:var(--accent-bright)}.page-head__title{margin:0;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:800;letter-spacing:-.04em;line-height:1.15}.page-head__lead{margin:.35rem 0 0;max-width:48rem;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.page-head__art-wrap{position:relative;min-height:88px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--surface) 80%,transparent)}.page-head__art{width:100%;height:100%;min-height:88px;object-fit:cover;display:block;opacity:.88}.page-head__art-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));pointer-events:none}.page-head__art-label{position:absolute;left:.5rem;bottom:.45rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:.2rem .45rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-deep) 75%,transparent);border:1px solid var(--glass-border)}@media(max-width:720px){.page-head{grid-template-columns:1fr}.page-head__art-wrap{display:none}}.card{position:relative;background:linear-gradient(160deg,var(--glass-panel),var(--glass-panel-strong));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--glass-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color var(--transition-fast),box-shadow var(--transition-smooth)}.card>*{position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:var(--shadow-md)}}.card+.card{margin-top:1.2rem}.card__title{margin:0;font-size:1.08rem;font-weight:700;letter-spacing:-.02em}.card__lead{margin:.45rem 0 0;font-size:.89rem;color:var(--text-muted);line-height:1.55}.card__section-label{margin:1.25rem 0 .55rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.card__section-label:first-child{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.stat-card{position:relative;padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border);border-radius:0 2px 2px 0}.stat-card:hover{transform:translateY(-2px)}.stat-card__label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle)}.stat-card__value{margin-top:.3rem;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.stat-card__hint{margin-top:.35rem;font-size:.76rem;color:var(--text-muted);line-height:1.4}.stat-card--ok{border-color:color-mix(in srgb,var(--success) 45%,var(--border));box-shadow:0 0 0 1px var(--success-soft)}.stat-card--ok:after{background:linear-gradient(180deg,var(--success),color-mix(in srgb,var(--success) 60%,var(--accent)))}.stat-card--warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--border))}.stat-card--warn:after{background:var(--warning)}.kv{display:grid;grid-template-columns:minmax(7.5rem,12rem) 1fr;gap:.5rem 1.35rem;margin:0}.kv dt{margin:0;color:var(--text-muted);font-size:.84rem}.kv dd{margin:0;font-size:.9rem}.btn-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;align-items:center}button.btn,.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--text);padding:.52rem 1.05rem;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:600;letter-spacing:.01em;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button.btn:hover,.btn:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-1px)}button.btn:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.btn--primary,.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);border-color:color-mix(in srgb,var(--accent-bright) 40%,var(--accent-deep));color:#fff;box-shadow:var(--shadow-xs)}button.btn--primary:hover,.btn--primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-glow)}button.btn:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;pointer-events:none;transform:none}button.btn--ghost,.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}button.btn--ghost:hover,.btn--ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-muted)}button.btn--sm,.btn--sm{padding:.32rem .62rem;font-size:.78rem}.link-inline{margin-left:.35rem;padding:.18rem .5rem;font-size:.8rem;border:none;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit;border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast)}.link-inline:hover{color:var(--accent-bright);background:var(--accent-muted)}.field-label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.input-text,.json-editor{width:100%;font-family:var(--font-mono);font-size:.82rem;background:var(--surface-deep);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:.68rem .9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-text:focus-visible,.json-editor:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.logs-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.85rem 0}.logs-filter-label{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-muted)}.logs-filter-input,select.logs-filter-input{min-width:11rem;padding:.48rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-deep);color:var(--text);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.logs-filter-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.logs-ws-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.32rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted)}.logs-ws-pill--open{border-color:var(--success);color:var(--success);background:var(--success-soft)}.logs-ws-pill--connecting{border-color:var(--warning);color:var(--warning)}.logs-ws-pill--closed,.logs-ws-pill--idle{color:var(--text-muted)}.logs-ws-pill--error{border-color:var(--danger);color:var(--danger)}.log-console{min-height:300px;max-height:min(58vh,540px);overflow:auto;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1.05rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.48;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.segmented{display:inline-flex;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-muted);gap:3px}.segmented__btn{border:none;background:transparent;color:var(--text-muted);padding:.48rem 1.05rem;border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th,.data-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-weight:600;color:var(--text-muted);background:linear-gradient(180deg,var(--surface-muted),var(--surface));white-space:nowrap;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--accent-muted)}.data-table tr:last-child td{border-bottom:none}.text-muted{color:var(--text-muted)}.text-small{font-size:.82rem}.text-error{color:var(--danger);margin:.5rem 0 0}.mono{font-family:var(--font-mono)}.err{color:var(--danger)}.muted{color:var(--text-muted)}.small{font-size:.82rem}button.secondary{border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);padding:.52rem 1rem;cursor:pointer;font-family:inherit;font-size:.86rem;font-weight:600;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}button.secondary:hover{color:var(--text);border-color:var(--accent);background:var(--surface-muted)}button.secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.secondary:disabled{opacity:.55;cursor:not-allowed}.inline-link-btn{margin-left:.35rem;padding:.15rem .45rem;font-size:.82rem;border:none;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:inherit}.inline-link-btn:hover{color:var(--accent-bright)}.lights-banner.err{border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--surface-muted))}html[data-theme=dark] .lights-banner.err{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 12%,var(--surface-deep))}.console-status-bar{display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--statusbar-h);padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-subtle) 90%,transparent)}.console-status-bar__fault{margin:0;color:var(--danger)}.console-status-bar__pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.console-status-bar__meta{margin-left:auto;color:var(--text-subtle)}.status-pill{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted)}.status-pill--ok{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:var(--success-soft);color:var(--success)}.status-pill--warn{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.status-pill--off{opacity:.65}.status-pill--neutral{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-muted);color:var(--accent-text-on-soft)}.arcade-lamp{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted)}.arcade-lamp--on{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:var(--success-soft);color:var(--success)}.arcade-lamp--warn{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.arcade-lamp--off{opacity:.65}.surface-stack{display:flex;flex-direction:column;gap:1.15rem}.surface-stack .card+.card{margin-top:0}.op-page>.op-section:first-of-type,.op-page>.card:first-of-type{margin-top:0}.badge-live{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.22rem .55rem;border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media(prefers-reduced-motion:reduce){.badge-live:before{animation:none}}.sound-page__feedback{padding:.55rem .85rem;border-radius:var(--radius-sm);font-size:.84rem;border:1px solid var(--border)}.sound-page__feedback--ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,transparent);color:var(--text)}.sound-page__feedback--err{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.sound-page__status--warn{border-color:color-mix(in srgb,var(--warning, #c9a227) 45%,var(--border))}.sound-page__callout{margin:.5rem 0 0;padding:.55rem .75rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warning, #c9a227) 14%,transparent);border:1px solid color-mix(in srgb,var(--warning, #c9a227) 35%,transparent)}.sound-page__transport{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}.sound-page__transport__label{margin:0 0 .55rem;line-height:1.45}.sound-page__transport__btns{flex-wrap:wrap;gap:.45rem}.sound-page__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.sound-page__chip{font-size:.72rem;padding:.2rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);background:var(--surface-raised)}.sound-page__chip--accent{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.sound-page__chip--warn{border-color:color-mix(in srgb,var(--warning, #c9a227) 45%,var(--border));color:var(--warning, #c9a227)}.sound-page__layers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}@media(max-width:720px){.sound-page__layers{grid-template-columns:1fr}}.sound-page__layer{padding:.75rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised)}.sound-page__layer-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.sound-page__layer-state{margin:.35rem 0 .5rem;font-size:1.05rem;font-weight:700}.sound-page__layer-state.is-live{color:var(--success)}.sound-page__layer-dl{margin:0;display:grid;gap:.4rem;font-size:.8rem}.sound-page__layer-dl dt{margin:0;color:var(--text-muted);font-size:.72rem}.sound-page__layer-dl dd{margin:.1rem 0 0}.sound-page__engine-kv{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--border);display:grid;gap:.5rem;font-size:.82rem}.sound-page__engine-kv dt{margin:0;color:var(--text-muted);font-size:.72rem}.sound-page__engine-kv dd{margin:.15rem 0 0}.sound-page__play-grid{margin-top:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.sound-page__play-grid{grid-template-columns:1fr}}.sound-page__fieldset{margin:0;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised)}.sound-page__fieldset--span{grid-column:1 / -1}.sound-page__legend{padding:0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.sound-page__full{display:block;width:100%;margin-top:.65rem}.sound-page__full:first-of-type{margin-top:.5rem}.sound-page__control{display:block;width:100%;max-width:100%;margin-top:.35rem}.sound-page__control--narrow{max-width:8rem}.sound-page__playlist{min-height:7rem}.sound-page__mode-rows{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 .65rem}.sound-page__check{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;cursor:pointer}.sound-page__check input{margin-top:.2rem}.sound-page__play-actions{margin-top:1rem}.sound-page__mix-grid{margin-top:.85rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.sound-page__mix-grid>.sound-page__fieldset{min-width:0}@media(max-width:800px){.sound-page__mix-grid{grid-template-columns:1fr}}.sound-page__num-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.65rem;margin-top:.5rem;min-width:0}.sound-page__fader-stack{display:flex;flex-direction:column;gap:.55rem;margin-top:.45rem;min-width:0}.sound-page__slider-row{display:grid;grid-template-columns:minmax(4.5rem,5.5rem) minmax(0,1fr) 2.75rem;gap:.5rem .65rem;align-items:center}.sound-page__slider-label{margin:0}.sound-page__slider{width:100%;min-width:0;box-sizing:border-box}.sound-page__slider-readout{text-align:right}@media(max-width:520px){.sound-page__slider-row{grid-template-columns:1fr;gap:.25rem}.sound-page__slider-readout{text-align:left}}.sound-page__num-grid>label{min-width:0}.sound-page__num-grid .logs-filter-input.sound-page__num{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.sound-page__num{display:block;width:100%;margin-top:.3rem}.sound-page__recent{margin:.5rem 0 0;padding-left:1.15rem;max-height:12rem;overflow-y:auto}.op-page{display:flex;flex-direction:column;gap:var(--space-3)}.op-page-toolbar{position:sticky;top:calc(var(--topbar-h) + var(--statusbar-h) + var(--space-1));z-index:18;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem .75rem;padding:.7rem .8rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.op-page-toolbar__links{display:flex;flex-wrap:wrap;gap:.35rem}.op-page-toolbar__chip{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);font-size:.73rem;text-decoration:none}.op-page-toolbar__chip:hover{color:var(--text);border-color:var(--accent)}.op-page-toolbar__actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.lights-toolbar-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end}.lights-page [id]{scroll-margin-top:calc(var(--topbar-h) + var(--statusbar-h) + 3.5rem)}.op-section__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem;margin-bottom:.55rem}.op-section--compact{padding:.85rem 1rem}.op-section--compact .op-section__head{margin-bottom:.4rem}.op-section--compact .card__title{font-size:.97rem}.op-section--compact .card__lead{font-size:.82rem;line-height:1.45}.op-section--collapsed .op-section__head{margin-bottom:0}.op-section__title-line{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:.35rem;min-width:0}.op-section__title-line .card__title{flex:1;min-width:0}.op-section__toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:.1rem 0 0;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.op-section__toggle:hover{color:var(--text);background:var(--surface-muted)}.op-section__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.op-section__chevron{display:block;width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-fast)}.op-section__chevron.is-collapsed{transform:rotate(-45deg)}.op-section__intro{flex:1;min-width:0}.op-section__actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;flex-shrink:0}.op-section__body>*:first-child{margin-top:0}.op-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}.op-field{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.op-field__control{margin-top:.12rem}.op-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.75rem,1fr));gap:.65rem}.op-stack{display:flex;flex-direction:column;gap:1rem}.op-notice{padding:.55rem .85rem;border-radius:var(--radius-md);font-size:.84rem;border:1px solid var(--border);line-height:1.45}.op-notice--danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--text)}.op-notice--success{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:var(--success-soft);color:var(--text)}.op-notice--info{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-muted);color:var(--text)}.display-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem}.display-board-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;background:var(--surface-raised)}.display-board-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.display-board-card__title{margin:0;font-weight:600;line-height:1.35}.display-board-card__preview{margin-top:.5rem;width:100%}.display-bench-visual{display:flex;justify-content:center;margin-top:.5rem;padding:.5rem 0}.display-board-meta{margin:.5rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem}.display-board-meta__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem .75rem;align-items:start}.display-board-meta__row dt{margin:0;color:var(--text-muted);font-size:.8rem}.display-board-meta__row dd{margin:0;word-break:break-word;overflow-wrap:anywhere;line-height:1.45}.display-board-card__actions .btn{font-size:.78rem}.stepper-motor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.85rem}.stepper-motor-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .9rem;background:var(--surface-raised);display:flex;flex-direction:column;gap:.65rem}.stepper-motor-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.stepper-motor-card__title{margin:0;font-size:.95rem;font-weight:600}.stepper-motor-card__field{display:flex;flex-direction:column;gap:.35rem}.stepper-motor-card__actions{margin:0;flex-wrap:wrap}.display-page .display-flow{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);margin-bottom:.5rem}.display-flow__lane{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.78rem}.display-flow__lane--http{color:color-mix(in srgb,var(--accent) 85%,var(--text))}.display-flow__lane--can{color:color-mix(in srgb,var(--success) 85%,var(--text))}.display-flow__tag{font-family:var(--font-mono);font-weight:700;font-size:.65rem;letter-spacing:.08em;padding:.15rem .45rem;border-radius:var(--radius-sm);margin-right:.25rem}.display-flow__lane--http .display-flow__tag{background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.display-flow__lane--can .display-flow__tag{background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 45%,transparent)}.display-flow__step{font-weight:500}.display-flow__arrow{opacity:.45;font-family:var(--font-mono)}.display-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:960px){.display-split{grid-template-columns:1fr}}.display-pane{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);min-height:12rem;overflow:hidden}.display-pane--locked{box-shadow:inset 4px 0 0 var(--warn),inset 0 0 0 1px color-mix(in srgb,var(--warn) 35%,transparent)}.display-pane--http{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:inset 4px 0 0 var(--accent)}.display-pane--can{border-color:color-mix(in srgb,var(--success) 50%,var(--border));box-shadow:inset 4px 0 0 var(--success)}.display-pane__head{padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--border)}.display-pane__head--http{background:color-mix(in srgb,var(--accent-muted) 55%,var(--surface))}.display-pane__head--can{background:color-mix(in srgb,var(--success-soft) 55%,var(--surface))}.display-pane__head-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.display-pane__protocol{font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:.12em;padding:.2rem .55rem;border-radius:var(--radius-sm)}.display-pane__protocol--http{color:var(--accent);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.display-pane__protocol--can{color:var(--success);background:var(--surface);border:1px solid color-mix(in srgb,var(--success) 50%,transparent)}.display-pane__readonly{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.15rem .4rem;border:1px dashed var(--border);border-radius:var(--radius-sm)}.display-pane__title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.display-pane__subtitle{margin:.4rem 0 0;color:var(--text-muted);line-height:1.45;max-width:42rem}.display-pane__endpoint{margin:.5rem 0 0;padding:.35rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.display-pane__body{padding:1rem 1.1rem 1.15rem}.display-command-fieldset{margin:0;padding:0;border:0;min-inline-size:0}.display-command-fieldset[disabled]{opacity:.56}.display-pane__section-title{margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.display-pane__feedback{margin:.85rem 0 0;padding:.5rem .65rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-muted) 70%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);word-break:break-word}.display-http-target__resolved{margin:.5rem 0 0}.display-http-preview{margin-top:1.1rem;padding:.85rem;border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent-muted) 35%,var(--surface));display:flex;flex-direction:column;align-items:center;gap:.65rem}.display-http-preview__label{margin:0;text-align:center;font-size:.8rem;color:var(--text-muted);max-width:22rem;line-height:1.4}.display-http-preview__badge{display:block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}.display-http-actions{margin-top:1.15rem;display:flex;flex-direction:column;gap:.85rem}.display-http-actions__group{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:flex-end}.display-http-cantx{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.display-can-focus{padding:.85rem;border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--success-soft) 40%,var(--surface))}.display-can-focus__compare{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;margin-top:.65rem}.display-can-focus__col{display:flex;flex-direction:column;align-items:center;gap:.35rem}.display-can-focus__vs{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.display-can-focus__hint{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .4rem;border-radius:var(--radius-sm)}.display-can-focus__hint--http{color:var(--accent);background:var(--accent-muted)}.display-can-focus__hint--can{color:var(--success);background:var(--success-soft)}.display-can-focus__note{margin:.75rem 0 0;text-align:center;line-height:1.45}.display-board-card--can{border-style:dashed}.display-board-card--http-target{border-color:color-mix(in srgb,var(--success) 55%,var(--border));border-style:solid;box-shadow:0 0 0 1px color-mix(in srgb,var(--success) 20%,transparent)}.display-board-card__http-target-tag{margin:0 0 .35rem;color:var(--success);font-weight:600}.display-board-card--watched{border-color:color-mix(in srgb,var(--warn) 50%,var(--border));border-style:solid;box-shadow:0 0 0 1px color-mix(in srgb,var(--warn) 18%,transparent)}.display-board-card__watch-tag{margin:0 0 .35rem;color:var(--warn);font-weight:600}.display-can-tx{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.display-board-card__pick{margin-top:.5rem;width:100%;font-size:.78rem}.display-bright-slider{flex:1 1 8rem;min-width:6rem;max-width:14rem;accent-color:var(--accent)}.display-advanced-details{margin-top:.35rem}.display-advanced-details summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.display-advanced-details summary:hover{color:var(--text)}.op-seven-preview{margin-top:.85rem;font-size:clamp(2.35rem,7vw,3.75rem);letter-spacing:.16em;font-weight:600;text-align:center;padding:.85rem .45rem;border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.op-muted-block{margin-top:.5rem;font-size:.82rem;color:var(--text-muted);line-height:1.5}.op-table-scroll{margin-top:.65rem;overflow-x:auto}.op-phase-grid{display:flex;flex-wrap:wrap;gap:.45rem;max-width:52rem}.op-phase-chip{min-height:2.5rem}.ss-panel{display:grid;gap:1.25rem}@media(min-width:52rem){.ss-panel{grid-template-columns:minmax(12rem,16rem) 1fr;align-items:start}}.ss-wheel-wrap{position:relative;width:min(100%,14rem);aspect-ratio:1;margin-inline:auto}.ss-wheel-pointer{position:absolute;top:-.35rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.55rem solid transparent;border-right:.55rem solid transparent;border-top:.85rem solid var(--accent);z-index:2}.ss-wheel-wrap--tension .ss-wheel-pointer{border-top-color:color-mix(in srgb,var(--warning, #e8a020) 75%,var(--accent));filter:drop-shadow(0 0 .35rem color-mix(in srgb,var(--warning, #e8a020) 55%,transparent))}.ss-wheel-wrap--tension-high .ss-wheel{box-shadow:inset 0 0 0 .35rem var(--surface),0 0 .55rem color-mix(in srgb,var(--warning, #e8a020) 45%,transparent),0 .35rem 1rem #00000040}.ss-wheel-tension-label{position:absolute;bottom:-1.35rem;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warning, #e8a020);opacity:.9;animation:ss-tension-pulse .55s ease-in-out infinite alternate}@keyframes ss-tension-pulse{0%{opacity:.55}to{opacity:1}}.ss-wheel{width:100%;height:100%;border-radius:50%;border:3px solid var(--border-strong, var(--border));will-change:transform;background:conic-gradient(from -90deg,var(--accent) 0deg 18deg,var(--surface-raised) 18deg 36deg,var(--accent-muted, #5a7a9a) 36deg 54deg,var(--surface-raised) 54deg 72deg,var(--accent) 72deg 90deg,var(--surface-raised) 90deg 108deg,var(--accent-muted, #5a7a9a) 108deg 126deg,var(--surface-raised) 126deg 144deg,var(--accent) 144deg 162deg,var(--surface-raised) 162deg 180deg,var(--accent-muted, #5a7a9a) 180deg 198deg,var(--surface-raised) 198deg 216deg,var(--accent) 216deg 234deg,var(--surface-raised) 234deg 252deg,var(--accent-muted, #5a7a9a) 252deg 270deg,var(--surface-raised) 270deg 288deg,var(--accent) 288deg 306deg,var(--surface-raised) 306deg 324deg,var(--accent-muted, #5a7a9a) 324deg 342deg,var(--surface-raised) 342deg 360deg);box-shadow:inset 0 0 0 .35rem var(--surface),0 .35rem 1rem #00000040}.ss-wheel-wrap--tension .ss-wheel{border-color:color-mix(in srgb,var(--warning, #e8a020) 35%,var(--border-strong, var(--border)))}.ss-wheel-hub{position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);z-index:1}.ss-sim-grid{display:flex;flex-wrap:wrap;gap:.45rem}.ss-state-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.ss-state-badge--play,.ss-state-badge--active{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.ss-state-badge--winner{color:var(--accent)}.ss-bench{display:grid;gap:.75rem;max-width:36rem}.ss-spin-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.65rem}.ss-spin-row input[type=number]{width:4.5rem}.ss-bookkeeping{display:grid;gap:.75rem;max-width:42rem}.ss-bookkeeping-grid{display:grid;gap:1rem}@media(min-width:40rem){.ss-bookkeeping-grid{grid-template-columns:1fr 1fr}}.ss-bookkeeping-heading{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ss-bookkeeping-block{padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md, .5rem);background:color-mix(in srgb,var(--surface-raised, var(--surface)) 88%,transparent)}.kv--compact dt{font-size:.78rem}.kv--compact dd{font-size:.92rem}.ss-bookkeeping-updated{margin:0}.op-pill-ok{font-weight:600;color:var(--success)}.fw-job-history{margin:0;padding-left:1rem}.fw-job-history__item{margin-bottom:.2rem}.fw-job-history__state{display:inline-flex;align-items:center;justify-content:center;min-width:5.4rem;padding:.12rem .45rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.fw-job-history__state--succeeded{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:var(--success-soft)}.fw-job-history__state--failed,.fw-job-history__state--timed_out{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 12%,transparent)}.fw-job-history__state--cancelled{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 16%,transparent)}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--surface) 35%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal{width:min(32rem,92vw);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-lg);padding:1rem 1.1rem}.ui-modal__title{margin:0 0 .55rem;font-size:1.05rem}.lights-page{display:flex;flex-direction:column;gap:1.15rem;position:relative}.lights-page:before{content:"";position:fixed;inset:auto -20% 35% -20%;height:min(55vh,520px);pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(167,139,250,.09),transparent 70%),radial-gradient(ellipse 55% 45% at 12% 88%,rgba(34,211,238,.06),transparent 65%),radial-gradient(ellipse 50% 40% at 88% 90%,rgba(251,113,133,.07),transparent 65%)}.lights-page>*{position:relative;z-index:1}.lights-layout{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.35fr);gap:.9rem;align-items:start}.lights-layout__left{display:flex;flex-direction:column;gap:.9rem;position:sticky;top:calc(var(--topbar-h) + var(--statusbar-h) + var(--space-4))}.lights-layout__right{display:flex;flex-direction:column;gap:.9rem}@media(max-width:1120px){.lights-layout{grid-template-columns:1fr}.lights-layout__left{position:static}}.lights-hero{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 65%,rgba(167,139,250,.22));box-shadow:var(--shadow-sm),0 0 48px #22d3ee0f,0 0 64px #fb71850d}.lights-hero-rgb-bar{height:3px;width:100%;flex-shrink:0;background:var(--lights-rgb-spectrum);background-size:200% 100%}@media(prefers-reduced-motion:no-preference){@keyframes lights-rgb-bar-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.lights-hero-rgb-bar{animation:lights-rgb-bar-flow 14s linear infinite}}.lights-hero-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--lights-hero-glow),var(--lights-hero-gradient)}.lights-hero-text{flex:1 1 16rem;min-width:0}.lights-hero-visual{display:flex;flex-direction:column;align-items:center;gap:.65rem;flex-shrink:0}.lights-pixel-rail{width:100%;height:11px;border-radius:0 0 calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px);background:repeating-linear-gradient(90deg,#fb7185 0,#fb7185 7px,#fbbf24 7px,#fbbf24 14px,#4ade80 14px,#4ade80 21px,#22d3ee 21px,#22d3ee 28px,#a78bfa 28px,#a78bfa 35px,#f472b6 35px,#f472b6 42px,#fb7185 42px,#fb7185 49px);background-size:49px 100%;box-shadow:inset 0 1px #fff3;opacity:.92}@media(prefers-reduced-motion:no-preference){@keyframes lights-pixel-rail-shift{0%{background-position:0 0}to{background-position:49px 0}}.lights-pixel-rail{animation:lights-pixel-rail-shift 2.8s linear infinite}}.lights-eyebrow{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent-bright)}.lights-hero .lights-eyebrow{letter-spacing:.16em;background:var(--lights-rgb-spectrum);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:no-preference){.lights-hero .lights-eyebrow{animation:lights-rgb-bar-flow 18s linear infinite reverse}}.lights-title{margin:0;font-size:clamp(1.55rem,3vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}html[data-theme=dark] .lights-title{color:#fafafa;text-shadow:0 0 42px rgba(251,113,133,.35),0 0 56px rgba(34,211,238,.2),0 0 32px rgba(167,139,250,.25)}html[data-theme=light] .lights-title{background:linear-gradient(100deg,#18181b,#be123c 22%,#b45309 42%,#047857 58%,#0369a1 75%,#18181b);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}@media(prefers-reduced-motion:no-preference){@keyframes lights-title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}html[data-theme=light] .lights-title{animation:lights-title-shimmer 10s ease-in-out infinite}}.lights-sub{margin:.55rem 0 0;max-width:42rem;color:var(--text-muted);line-height:1.55;font-size:.92rem}.lights-sub strong{color:var(--text)}.lights-orb{width:64px;height:64px;border-radius:50%;flex-shrink:0;border:2px solid color-mix(in srgb,white 22%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,#fb7185 35%,transparent),0 0 28px #fb718540,0 0 48px #22d3ee26,inset 0 0 20px color-mix(in srgb,var(--text) 10%,transparent);background:var(--orb-active)}html[data-theme=light] .lights-orb{box-shadow:0 0 0 1px color-mix(in srgb,#fb7185 45%,transparent),0 0 24px #fb718533,inset 0 0 14px #ffffff73}.lights-orb--off{box-shadow:inset 0 0 14px #0006;background:var(--orb-off);border-color:var(--border);filter:grayscale(.85)}.lights-banner{margin:0;padding:.55rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-muted);font-size:.88rem}.lights-banner--info{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));background:color-mix(in srgb,var(--accent) 8%,var(--surface-muted))}.lights-toast-ok{border-color:color-mix(in srgb,var(--success) 50%,#22d3ee);background:var(--success-soft);color:var(--success);box-shadow:0 0 24px color-mix(in srgb,var(--success) 14%,transparent)}.lights-page .card.op-section{border-color:color-mix(in srgb,var(--border) 78%,rgba(167,139,250,.32));box-shadow:var(--shadow-sm),0 0 36px #22d3ee0a,0 0 48px #fb718508}.lights-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.lights-kpi-card{position:relative;overflow:hidden;padding:.85rem 1rem .85rem calc(1rem + 6px);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.22rem;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.lights-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lights-rgb-spectrum);background-size:100% 200%;border-radius:3px 0 0 3px;opacity:.88}@media(prefers-reduced-motion:no-preference){@keyframes lights-kpi-edge-flow{0%{background-position:50% 0%}to{background-position:50% 100%}}.lights-kpi-card:before{animation:lights-kpi-edge-flow 8s ease-in-out infinite}}.lights-kpi-card:hover{border-color:color-mix(in srgb,#a78bfa 28%,var(--border));box-shadow:var(--shadow-xs),0 0 20px #22d3ee14}.lights-kpi-card:hover:before{opacity:1}.lights-kpi-card.ok{border-color:var(--success);box-shadow:0 0 0 1px var(--success-soft),0 0 20px color-mix(in srgb,var(--success) 12%,transparent)}.lights-kpi-card.ok:before{background:linear-gradient(180deg,#86efac,#4ade80,#16a34a);animation:none}.lights-kpi-card.warn{border-color:var(--warning);box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 22%,transparent)}.lights-kpi-card.warn:before{background:linear-gradient(180deg,#fde047,#fbbf24,#ea580c);animation:none}.lights-kpi-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.lights-kpi-value{font-size:1.15rem;font-weight:650}.lights-kpi-hint{font-size:.78rem;color:var(--text-subtle);line-height:1.35}.lights-recovery-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.65rem 0 .35rem}.lights-recovery-curl{margin:.35rem 0 0;line-height:1.45}.lights-action-log{margin-top:.85rem;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 80%,rgba(34,211,238,.15));background:color-mix(in srgb,var(--surface) 92%,rgba(15,23,42,.04))}.lights-action-log-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.45rem}.lights-action-log-title{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.lights-action-log-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.lights-action-log-empty{margin:0}.lights-action-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:220px;overflow:auto}.lights-action-log-item{display:grid;grid-template-columns:4.5rem minmax(6rem,.9fr) minmax(0,1.4fr);gap:.45rem;align-items:baseline;padding:.35rem .45rem;border-radius:var(--radius-sm);font-size:.78rem;line-height:1.35;border-left:3px solid transparent}.lights-action-log-item.ok{border-left-color:var(--ok, #22c55e);background:color-mix(in srgb,var(--ok, #22c55e) 8%,transparent)}.lights-action-log-item.fail{border-left-color:var(--danger, #ef4444);background:color-mix(in srgb,var(--danger, #ef4444) 8%,transparent)}.lights-action-log-time{color:var(--text-muted)}.lights-action-log-label{font-weight:600}.lights-action-log-summary{color:var(--text-muted);word-break:break-word}@media(max-width:640px){.lights-action-log-item{grid-template-columns:1fr;gap:.15rem}}.lights-panel{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem 1.2rem;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-smooth)}@media(prefers-reduced-motion:no-preference){.lights-panel:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:var(--shadow-md)}}.lights-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.85rem}.lights-panel-head h3{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.lights-driver{margin:.65rem 0 0}.lights-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.lights-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .8rem;min-width:7.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--text);text-align:left;cursor:pointer;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.lights-chip:hover:not(:disabled){border-color:var(--accent)}.lights-chip.on{border-color:color-mix(in srgb,#a78bfa 40%,var(--accent));background:linear-gradient(135deg,color-mix(in srgb,#fb7185 12%,var(--surface-raised)),color-mix(in srgb,#22d3ee 10%,var(--surface-muted)));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 0 20px #a78bfa1f,var(--shadow-xs)}html[data-theme=light] .lights-chip.on{background:linear-gradient(135deg,color-mix(in srgb,#fb7185 18%,var(--surface-raised)),color-mix(in srgb,#22d3ee 14%,var(--surface-muted)))}.lights-chip:disabled{opacity:.65;cursor:wait}.lights-chip-label{font-weight:600;font-size:.88rem}.lights-chip-hint{font-size:.72rem;color:var(--text-muted);line-height:1.3}.lights-chip-busy{position:absolute;top:.35rem;right:.45rem;font-size:.85rem;color:var(--accent)}.lights-pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.55rem}.lights-pattern-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.72rem .88rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:linear-gradient(155deg,var(--surface-raised) 0%,var(--surface-muted) 55%,color-mix(in srgb,#1e1b2e 8%,var(--surface-muted)) 100%);color:var(--text);text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.lights-pattern-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--lights-rgb-spectrum-soft);opacity:.65;transition:opacity var(--transition-fast),height var(--transition-fast)}html[data-theme=light] .lights-pattern-card{background:linear-gradient(155deg,#fff,#f8fafc 45%,#faf5ff)}.lights-pattern-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));transform:translateY(-2px)}.lights-pattern-card:hover:not(:disabled):before{opacity:.95;height:3px}.lights-pattern-card.active{border-color:color-mix(in srgb,#22d3ee 35%,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,#a78bfa 25%,transparent),0 0 28px #22d3ee1f,0 0 36px #fb718514,var(--shadow-sm)}.lights-pattern-card.active:before{opacity:1;height:3px;background:var(--lights-rgb-spectrum);background-size:200% 100%}@media(prefers-reduced-motion:no-preference){.lights-pattern-card.active:before{animation:lights-rgb-bar-flow 6s linear infinite}}.lights-pattern-card:disabled{opacity:.55;cursor:wait}.lights-pattern-title{font-weight:650;font-size:.92rem}.lights-pattern-id{font-size:.72rem;color:var(--text-subtle)}.lights-pattern-hint{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.35}.lights-pattern-busy{font-size:.72rem;color:var(--accent)}.lights-pattern-live{margin-top:.15rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--success);text-shadow:0 0 12px color-mix(in srgb,var(--success) 35%,transparent)}.lights-bench-form{display:flex;flex-direction:column;gap:.65rem}.lights-bench-field{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--text-muted)}.lights-bench-input{font-family:ui-monospace,monospace;font-size:.85rem;padding:.45rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-deep);color:var(--text)}.lights-bench-rgb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.lights-bench-rgb label{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.lights-bench-rgb input[type=number]{width:3.25rem;font-family:ui-monospace,monospace;font-size:.82rem;padding:.35rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--surface-deep);color:var(--text)}.lights-brightness-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.85rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-deep)}.lights-brightness-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.85rem;font-weight:600}.lights-brightness-value{font-weight:500;color:var(--text-muted)}.lights-brightness-slider{width:100%;max-width:28rem}.lights-brightness-hint{margin:0}.lights-bench-rgb label:nth-of-type(1){color:#f87171}.lights-bench-rgb label:nth-of-type(2){color:#4ade80}.lights-bench-rgb label:nth-of-type(3){color:#60a5fa}html[data-theme=light] .lights-bench-rgb label:nth-of-type(1){color:#dc2626}html[data-theme=light] .lights-bench-rgb label:nth-of-type(2){color:#16a34a}html[data-theme=light] .lights-bench-rgb label:nth-of-type(3){color:#2563eb}.lights-footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:1rem}.lights-page .strip-preview{height:72px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 55%,rgba(167,139,250,.4));box-shadow:inset 0 2px 12px #00000073,0 4px 20px #00000040,0 0 40px #22d3ee12,0 0 48px #fb71850d}html[data-theme=light] .lights-page .strip-preview{box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 12px #0f172a0f,0 2px 14px #0f172a12,0 0 28px #0ea5e914}.strip-preview{height:56px;border-radius:10px;border:1px solid var(--border);overflow:hidden;position:relative;box-shadow:inset 0 2px 12px #00000073,0 4px 20px #00000040}.strip-preview--off{background:#0a0b0f}@keyframes strip-rainbow-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.strip-preview--rainbow{background:linear-gradient(90deg,#f36,#fc0,#0d8,#38f,#a6f,#f36);background-size:280% 100%;animation:strip-rainbow-flow 3.8s linear infinite}@keyframes strip-chase-dot{0%{transform:translate(-100%)}to{transform:translate(350%)}}.strip-preview--chase{background:#080a10}.strip-preview--chase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(255,255,255,.92) 50%,transparent 62%,transparent 100%);width:35%;animation:strip-chase-dot 1.15s linear infinite}.strip-preview--pulse{background:linear-gradient(90deg,#1a2538,#2a4060,#1a2538);animation:strip-pulse-glow 1.8s ease-in-out infinite}@keyframes strip-pulse-glow{0%,to{filter:brightness(.75);box-shadow:inset 0 0 20px #64a0ff26}50%{filter:brightness(1.25);box-shadow:inset 0 0 28px #b4d2ff59}}.strip-preview--breathe{background:linear-gradient(90deg,#0d1828,#143248,#0d1828);animation:strip-breathe 4s ease-in-out infinite}@keyframes strip-breathe{0%,to{opacity:.55;filter:saturate(.85)}50%{opacity:1;filter:saturate(1.15)}}.strip-preview--sparkle{background:#0c1018}.strip-preview--sparkle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 12% 40%,rgba(255,255,255,.85) 0,transparent .35rem),radial-gradient(circle at 78% 55%,rgba(220,235,255,.7) 0,transparent .28rem),radial-gradient(circle at 45% 30%,rgba(255,255,255,.5) 0,transparent .22rem),radial-gradient(circle at 30% 70%,rgba(200,220,255,.45) 0,transparent .2rem),radial-gradient(circle at 88% 35%,rgba(255,255,255,.55) 0,transparent .24rem);animation:strip-sparkle 1.4s steps(4) infinite}@keyframes strip-sparkle{0%,to{opacity:1;transform:translate(0)}50%{opacity:.85;transform:translate(4%)}}.strip-preview--twinkle{background:linear-gradient(90deg,#181008,#281810,#181008)}.strip-preview--twinkle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,200,120,.75) 0,transparent .4rem),radial-gradient(circle at 55% 45%,rgba(255,220,160,.65) 0,transparent .35rem),radial-gradient(circle at 82% 55%,rgba(255,180,90,.55) 0,transparent .3rem);animation:strip-twinkle 2s ease-in-out infinite alternate}@keyframes strip-twinkle{0%{opacity:.35;filter:blur(.5px)}to{opacity:1;filter:blur(0)}}@keyframes strip-wipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.strip-preview--wipe{background:#120e0a}.strip-preview--wipe:after{content:"";position:absolute;top:10%;bottom:10%;width:38%;left:0;background:linear-gradient(90deg,transparent,#ff8833,#ffaa44,transparent);border-radius:4px;filter:blur(1px);animation:strip-wipe 1.4s ease-in-out infinite}.strip-preview--theater{background:repeating-linear-gradient(90deg,#1a2030,#1a2030 8px,#0e1218 8px,#0e1218 16px,#2a3548 16px,#2a3548 24px,#0e1218 24px,#0e1218 32px);animation:strip-theater .9s steps(3) infinite}@keyframes strip-theater{0%{background-position:0 0}to{background-position:32px 0}}@keyframes strip-meteor{0%{transform:translate(-120%);opacity:.9}to{transform:translate(120%);opacity:.85}}.strip-preview--meteor{background:#060810}.strip-preview--meteor:after{content:"";position:absolute;top:8%;bottom:8%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(180,220,255,.95),rgba(255,255,255,.9),rgba(120,180,255,.4),transparent);filter:blur(1px);animation:strip-meteor 1.1s linear infinite}.strip-preview--fire{background:linear-gradient(180deg,#120805,#281008,#180604);animation:strip-fire .35s steps(2) infinite}@keyframes strip-fire{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(-12deg) brightness(1.15)}}.strip-preview--scan{background:#050810}.strip-preview--scan:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 42%,rgba(0,220,255,.85) 50%,transparent 58%);animation:strip-scan 1.6s ease-in-out infinite alternate}@keyframes strip-scan{0%{transform:translate(-35%)}to{transform:translate(35%)}}.strip-preview--wave{background:linear-gradient(90deg,#331844,#442066,#223058,#331844);background-size:200% 100%;animation:strip-wave-move 3s ease-in-out infinite}@keyframes strip-wave-move{0%,to{background-position:0% 50%;filter:brightness(.7)}50%{background-position:100% 50%;filter:brightness(1.2)}}.strip-preview--rgb-cycle{background:linear-gradient(90deg,#f44,#4f4,#44f);animation:strip-rgb-cycle 4s linear infinite}@keyframes strip-rgb-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.strip-preview--cylon{background:#100505}.strip-preview--cylon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 28% 120% at 50% 50%,rgba(255,40,40,.95),rgba(180,20,20,.35) 45%,transparent 70%);animation:strip-cylon 1.3s ease-in-out infinite alternate}@keyframes strip-cylon{0%{transform:translate(-42%);opacity:.85}to{transform:translate(42%);opacity:1}}.strip-preview--showcase{background:linear-gradient(90deg,#203050,#503020,#305040,#402060,#203050);background-size:300% 100%;animation:strip-showcase 6s ease-in-out infinite}@keyframes strip-showcase{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}33%{background-position:66% 50%;filter:hue-rotate(40deg)}66%{background-position:133% 50%;filter:hue-rotate(-30deg)}}html[data-theme=light] .strip-preview{box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 12px #0f172a0f,0 2px 14px #0f172a12}html[data-theme=light] .strip-preview--off{background:linear-gradient(180deg,#e2e8f0,#cbd5e1)}html[data-theme=light] .strip-preview--rainbow{background:linear-gradient(90deg,#f472b6,#fbbf24,#34d399,#38bdf8,#a78bfa,#f472b6);background-size:280% 100%}html[data-theme=light] .strip-preview--chase{background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}html[data-theme=light] .strip-preview--chase:after{background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.95) 50%,rgba(56,189,248,.35) 58%,transparent 70%,transparent 100%)}html[data-theme=light] .strip-preview--pulse{background:linear-gradient(90deg,#cbd5e1,#e2e8f0,#cbd5e1);animation:strip-pulse-glow-light 1.8s ease-in-out infinite}@keyframes strip-pulse-glow-light{0%,to{filter:brightness(.94);box-shadow:inset 0 0 18px #4755691f}50%{filter:brightness(1.06);box-shadow:inset 0 0 22px #0ea5e92e}}html[data-theme=light] .strip-preview--breathe{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);animation:strip-breathe-light 4s ease-in-out infinite}@keyframes strip-breathe-light{0%,to{opacity:.88;filter:saturate(.92)}50%{opacity:1;filter:saturate(1.05)}}html[data-theme=light] .strip-preview--sparkle{background:linear-gradient(180deg,#e8eef6,#dce6f2)}html[data-theme=light] .strip-preview--sparkle:before{background-image:radial-gradient(circle at 12% 40%,rgba(255,255,255,.98) 0,transparent .35rem),radial-gradient(circle at 78% 55%,rgba(56,189,248,.55) 0,transparent .28rem),radial-gradient(circle at 45% 30%,rgba(255,255,255,.75) 0,transparent .22rem),radial-gradient(circle at 30% 70%,rgba(129,140,248,.4) 0,transparent .2rem),radial-gradient(circle at 88% 35%,rgba(255,255,255,.85) 0,transparent .24rem)}html[data-theme=light] .strip-preview--twinkle{background:linear-gradient(90deg,#fffbeb,#fef3c7,#fffbeb)}html[data-theme=light] .strip-preview--twinkle:after{background-image:radial-gradient(circle at 20% 50%,rgba(251,191,36,.85) 0,transparent .4rem),radial-gradient(circle at 55% 45%,rgba(253,224,71,.75) 0,transparent .35rem),radial-gradient(circle at 82% 55%,rgba(245,158,11,.55) 0,transparent .3rem)}html[data-theme=light] .strip-preview--wipe{background:linear-gradient(180deg,#fff7ed,#ffedd5)}html[data-theme=light] .strip-preview--wipe:after{background:linear-gradient(90deg,transparent,#fb923c,#fdba74,transparent)}html[data-theme=light] .strip-preview--theater{background:repeating-linear-gradient(90deg,#e2e8f0,#e2e8f0 8px,#f8fafc 8px,#f8fafc 16px,#cbd5e1 16px,#cbd5e1 24px,#f8fafc 24px,#f8fafc 32px)}html[data-theme=light] .strip-preview--meteor{background:linear-gradient(180deg,#f8fafc,#e2e8f0)}html[data-theme=light] .strip-preview--meteor:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(186,230,253,.95),rgba(255,255,255,.9),rgba(125,211,252,.55),transparent)}html[data-theme=light] .strip-preview--fire{background:linear-gradient(180deg,#fffbeb,#ffedd5,#fed7aa);animation:strip-fire-light .35s steps(2) infinite}@keyframes strip-fire-light{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(-8deg) brightness(1.06)}}html[data-theme=light] .strip-preview--scan{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}html[data-theme=light] .strip-preview--scan:after{background:linear-gradient(90deg,transparent 40%,rgba(14,165,233,.5) 50%,transparent 60%)}html[data-theme=light] .strip-preview--wave{background:linear-gradient(90deg,#ede9fe,#e0e7ff,#cffafe,#ede9fe);background-size:200% 100%}html[data-theme=light] .strip-preview--rgb-cycle{background:linear-gradient(90deg,#fca5a5,#86efac,#93c5fd)}html[data-theme=light] .strip-preview--cylon{background:linear-gradient(180deg,#ffe4e6,#fecdd3)}html[data-theme=light] .strip-preview--cylon:after{background:radial-gradient(ellipse 28% 120% at 50% 50%,rgba(239,68,68,.75),rgba(248,113,113,.35) 45%,transparent 70%)}html[data-theme=light] .strip-preview--showcase{background:linear-gradient(90deg,#dbeafe,#fce7f3,#d1fae5,#ede9fe,#dbeafe);background-size:300% 100%;animation:strip-showcase-light 6s ease-in-out infinite}@keyframes strip-showcase-light{0%,to{background-position:0% 50%;filter:hue-rotate(0deg) saturate(.95)}33%{background-position:66% 50%;filter:hue-rotate(25deg) saturate(1.02)}66%{background-position:133% 50%;filter:hue-rotate(-18deg) saturate(1)}}@media(prefers-reduced-motion:reduce){.lights-hero-rgb-bar,.lights-pixel-rail,.lights-hero .lights-eyebrow,.lights-kpi-card:before,.lights-pattern-card.active:before{animation:none!important}html[data-theme=light] .lights-title{animation:none!important}}.op-page--logs{gap:var(--space-3)}.logs-stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-panel)}.logs-stats__item{display:flex;flex-direction:column;gap:.1rem;min-width:4.5rem}.logs-stats__label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.logs-stats__value{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.logs-stats__value--err{color:var(--danger)}.logs-stats__value--warn{color:var(--warning)}.logs-view-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.logs-view-tabs .segmented{flex-shrink:0}.logs-toolbar--enhanced{margin:var(--space-2) 0}.logs-errors-panel{display:flex;flex-direction:column;gap:var(--space-3)}.logs-errors-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2);max-height:220px;overflow:auto;padding:var(--space-1)}.logs-error-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface-deep));font-family:var(--font-mono);font-size:.74rem;line-height:1.45;word-break:break-word}.logs-error-card__src{display:inline-block;margin-bottom:.25rem;padding:.1rem .4rem;border-radius:var(--radius-pill);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.log-viewer{min-height:320px;max-height:min(62vh,640px);overflow:auto;background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.76rem;line-height:1.5;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 5%,transparent)}.op-page--logs .log-viewer--errors{max-height:min(48vh,480px);border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.log-line{display:flex;gap:.5rem;padding:.12rem .65rem;border-left:3px solid transparent}.log-line:hover{background:color-mix(in srgb,var(--surface-muted) 60%,transparent)}.log-line--error{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,transparent)}.log-line--warn{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning) 5%,transparent)}.log-line--info{border-left-color:var(--accent)}.log-line__num{flex:0 0 2.5rem;text-align:right;color:var(--text-subtle);-webkit-user-select:none;user-select:none;font-size:.68rem}.log-line__src{flex:0 0 auto;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-bright);font-size:.68rem;font-weight:600}.log-line__text{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word}.log-viewer-empty{padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.logs-board-trace .log-viewer{max-height:240px;min-height:120px}@media(max-width:980px){.op-page--logs{display:flex;flex-direction:column}}.op-page--logs [id]{scroll-margin-top:calc(var(--topbar-h) + var(--statusbar-h) + 3.5rem)}.ssd-board{--ssd-off: #2a1214;--ssd-off-edge: #1a0c0d;--ssd-on: #ff2a2a;--ssd-on-core: #ff6b4a;--ssd-glow: rgba(255, 48, 32, .85);--ssd-pcb: #1c1c22;--ssd-pcb-edge: #0a0a0e;--ssd-brightness: 100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.ssd-board--sm{max-width:14rem}.ssd-board--md{max-width:20rem}.ssd-board--lg{max-width:min(100%,28rem)}.ssd-board__bezel{position:relative;width:100%;padding:.65rem .75rem .85rem;border-radius:.5rem;background:linear-gradient(165deg,#2a2a32 0%,var(--ssd-pcb) 35%,#141418 100%);border:2px solid var(--ssd-pcb-edge);box-shadow:inset 0 2px #ffffff0f,inset 0 -3px 8px #0000008c,0 6px 20px #00000073,0 0 0 1px #ffc83d14}.ssd-board__mesh{pointer-events:none;position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:.35rem;opacity:.35;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:4px 4px}.ssd-board__glass{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 35%,transparent 65%,rgba(0,0,0,.15) 100%)}.ssd-board__digits{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(.15rem,2vw,.45rem)}.ssd-digit{flex:1 1 0;min-width:0;max-width:4.5rem;height:auto;filter:brightness(calc(.35 + .65 * var(--ssd-brightness) / 100))}.ssd-digit__well{fill:#0d0d10;stroke:#2a2a30;stroke-width:.5}.ssd-seg{fill:var(--ssd-off);stroke:var(--ssd-off-edge);stroke-width:.35;transition:fill .12s ease,filter .12s ease,opacity .12s ease}.ssd-seg--on{fill:var(--ssd-on);stroke:#aa1818;filter:drop-shadow(0 0 3px var(--ssd-glow)) drop-shadow(0 0 8px rgba(255,60,40,.45))}.ssd-dp{fill:var(--ssd-off);stroke:var(--ssd-off-edge);stroke-width:.25;transition:fill .12s ease,filter .12s ease}.ssd-dp--on{fill:var(--ssd-on-core);filter:drop-shadow(0 0 4px var(--ssd-glow))}.ssd-seg-label{font-family:var(--font-sans);font-size:5px;font-weight:700;fill:#0000008c;pointer-events:none;-webkit-user-select:none;user-select:none}.ssd-seg-label--dp{font-size:4px}.ssd-digit-index{font-family:var(--font-mono);font-size:4.5px;fill:#fff3;pointer-events:none}.ssd-pinout{display:flex;justify-content:space-between;width:100%;padding:0 .5rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;color:var(--text-subtle);text-transform:uppercase}.ssd-pinout span{flex:1;text-align:center}.ssd-board__readout{margin:0;font-size:.72rem;letter-spacing:.35em;color:var(--text-subtle);opacity:.85}html[data-theme=light] .ssd-board__bezel{background:linear-gradient(165deg,#e8e4dc,#c8c4bc,#a8a49c);border-color:#888;box-shadow:inset 0 1px #fff,0 4px 12px #00000026}html[data-theme=light] .ssd-seg--on{fill:#c62828;filter:drop-shadow(0 0 2px rgba(198,40,40,.4))}html[data-theme=light] .ssd-digit__well{fill:#2a2a2e}.op-page--game,.op-page--io,.op-page--stepper,.op-page--can,.op-page--sound,.op-page--logs,.op-page--settings,.op-page--accounting,.op-page--ota,.op-page--dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;align-items:start}.op-page--game>*,.op-page--io>*,.op-page--stepper>*,.op-page--can>*,.op-page--sound>*,.op-page--logs>*,.op-page--settings>*,.op-page--accounting>*,.op-page--ota>*,.op-page--dashboard>*{grid-column:1 / -1}.op-page--dashboard .stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.25rem}#game-live{grid-column:span 5}#game-set-phase{grid-column:span 7}#io-inputs{grid-column:span 8}#io-input-settings{grid-column:span 4;position:sticky;top:calc(var(--topbar-h) + var(--statusbar-h) + var(--space-4))}#io-outputs{grid-column:1 / -1}#stepper-board{grid-column:span 5}#stepper-controls{grid-column:span 7}#stepper-firmware{grid-column:1 / -1}#can-demo{grid-column:span 4}#can-socket{grid-column:span 8}#can-boards,#can-send{grid-column:span 6}#can-rx{grid-column:1 / -1}#sound-player{grid-column:span 5}#sound-play-stop{grid-column:span 7}#sound-mix,#sound-recent,#logs-errors,#logs-board-trace,#logs-live-stream,#settings-appearance,#accounting-tickets,#ota-firmware,#settings-cabinet{grid-column:1 / -1}.display-page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem;align-items:start}.display-page>*{grid-column:1 / -1}.display-page .display-split{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:.85rem}.display-page .display-pane{min-height:13rem}.display-page .display-pane__head{position:sticky;top:0;z-index:3}#display-firmware{border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem 1.05rem;background:color-mix(in srgb,var(--surface-raised) 82%,transparent);box-shadow:var(--glass-shadow)}#display-firmware .btn-row{margin-top:.65rem}.lights-layout{grid-template-columns:minmax(250px,.85fr) minmax(0,1.45fr)}.op-toolbar,.display-http-actions__group,.lights-recovery-row,.btn-row{row-gap:.45rem}.op-section .table-wrap,.op-section .display-board-grid,.op-section .stepper-motor-grid{margin-top:.25rem}@media(max-width:1280px){.op-page--dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.op-page--dashboard .stat-grid{grid-template-columns:1fr}}@media(max-width:980px){.op-page--game,.op-page--io,.op-page--stepper,.op-page--can,.op-page--sound,.op-page--logs,.op-page--settings,.op-page--accounting,.op-page--ota,.op-page--dashboard,.display-page{display:flex;flex-direction:column;gap:.8rem}#io-input-settings{position:static}.display-page .display-split{grid-template-columns:1fr}.display-page .display-pane__head{position:static}}