:root{color-scheme:dark;--bg: #07111f;--bg-accent: #10243c;--panel: rgba(7, 17, 31, .72);--panel-border: rgba(161, 193, 255, .14);--text: #eef4ff;--muted: #b2c2db;--accent: #79e0c7;--accent-strong: #b8ff6a;--danger: #ff6b7b}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:Satoshi,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(121,224,199,.14),transparent 30%),radial-gradient(circle at right,rgba(184,255,106,.12),transparent 22%),linear-gradient(180deg,var(--bg-accent),var(--bg))}button,input{font:inherit}a{color:inherit}.shell{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 5rem}.hero{padding:1rem 0 2.5rem}.eyebrow{margin:0 0 .75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}h1,h2,h3,p{margin:0}h1{max-width:11ch;font-size:clamp(3rem,9vw,6rem);line-height:.94}h2{font-size:1.4rem}h3{font-size:1rem}.lede{max-width:44rem;margin-top:1.5rem;color:var(--muted);font-size:1.08rem;line-height:1.6}.player-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:1rem;align-items:start}.panel{border:1px solid var(--panel-border);border-radius:1.4rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel{padding:1.35rem}.panel-copy{display:grid;gap:.45rem}.panel-copy p,.notes p{color:var(--muted);line-height:1.55}.config-form{display:grid;gap:.95rem;margin-top:1.4rem}.config-form label{display:grid;gap:.45rem}.config-form span{font-size:.92rem;color:var(--muted)}.config-form input{width:100%;min-height:3rem;padding:.8rem .95rem;color:var(--text);border:1px solid rgba(161,193,255,.18);border-radius:.9rem;background:#ffffff0a}.config-form input::placeholder{color:#b2c2dba6}.form-actions{display:flex;gap:.75rem;margin-top:.35rem}.form-actions button{min-height:2.9rem;padding:.8rem 1.15rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.form-actions button:hover{transform:translateY(-1px)}.primary{color:#04111a;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.ghost{color:var(--text);border-color:var(--panel-border);background:#ffffff0a}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem}.status-card{display:grid;gap:.3rem;padding:.95rem;border:1px solid rgba(255,107,123,.25);border-radius:1rem;background:#ff6b7b14}.status-card.ok{border-color:#79e0c740;background:#79e0c714}.status-card strong{font-size:.95rem}.status-card span{color:var(--muted);font-size:.92rem}.notes{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(161,193,255,.12)}.stage-panel{padding:1.2rem}.stage-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.stage-label,.stage-meta{color:var(--muted);font-size:.92rem}.stage-meta{padding-top:.2rem}.player-frame{overflow:hidden;border:1px solid rgba(161,193,255,.12);border-radius:1.2rem;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#02080fe6;min-height:320px}.player-frame :global(video-moq){display:block;width:100%}.player-frame canvas{display:block;width:100%;height:auto}.empty-state{min-height:320px;display:grid;place-items:center;gap:.55rem;padding:2rem;text-align:center}.empty-state p{font-size:1.05rem}.empty-state span{max-width:32rem;color:var(--muted);line-height:1.55}.connection-summary{display:grid;gap:.85rem;margin-top:1rem}.player-error{margin-top:.9rem;padding:.9rem 1rem;border:1px solid rgba(255,107,123,.32);border-radius:1rem;color:#ffd9df;background:#ff6b7b1f;line-height:1.5}.connection-summary div{display:grid;gap:.25rem;padding:.9rem 1rem;border:1px solid rgba(161,193,255,.12);border-radius:1rem;background:#ffffff08}.connection-summary dt{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.connection-summary dd{margin:0;overflow-wrap:anywhere;line-height:1.45}@media(max-width:900px){.player-layout{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(100% - 1.25rem,1200px);padding-top:2rem}h1{max-width:none}.status-grid{grid-template-columns:1fr}.stage-header,.form-actions{flex-direction:column}}.hero.svelte-et6md{padding:5rem 0 3rem;max-width:880px}h1.svelte-et6md{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;margin:0 0 1.5rem;letter-spacing:-.01em}.grad.svelte-et6md{background:linear-gradient(135deg,var(--accent),var(--accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}.lede.svelte-et6md{font-size:1.15rem;color:var(--muted);line-height:1.55;max-width:640px}.cta-row.svelte-et6md{display:flex;gap:.75rem;margin-top:2rem;flex-wrap:wrap}.cta.svelte-et6md{display:inline-flex;align-items:center;padding:.85rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .14s ease,border-color .14s ease,background .14s ease}.cta.primary.svelte-et6md{background:var(--accent);color:#07111f;border:1px solid var(--accent)}.cta.primary.svelte-et6md:hover{transform:translateY(-1px);background:var(--accent-strong);border-color:var(--accent-strong)}.contact.svelte-et6md{display:inline-flex;align-items:center;font-size:.95rem}.cta-label.svelte-et6md{color:var(--muted);margin-right:.5rem;font-weight:500}.cta-mail.svelte-et6md{color:var(--accent)}.copy-btn.svelte-et6md{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);cursor:pointer;font:inherit;font-size:.85rem;transition:border-color .14s ease,color .14s ease,transform .14s ease}.copy-btn.svelte-et6md:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.copy-label.svelte-et6md{color:var(--accent);font-weight:600}.features.svelte-et6md{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2.5rem 0 4rem}.feature.svelte-et6md{padding:1.6rem 1.5rem;border:1px solid var(--panel-border);border-radius:1.2rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature.svelte-et6md h3:where(.svelte-et6md){margin:0 0 .5rem;font-size:1.1rem;color:var(--text)}.feature.svelte-et6md p:where(.svelte-et6md){margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.usecases.svelte-et6md{margin:3rem 0 4rem}.usecases.svelte-et6md h2:where(.svelte-et6md){font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 .75rem;max-width:720px;line-height:1.15}.usecases-lede.svelte-et6md{color:var(--muted);max-width:640px;margin:0 0 1.5rem}.usecase-grid.svelte-et6md{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.usecase-grid.svelte-et6md li:where(.svelte-et6md){display:grid;gap:.3rem;padding:1.1rem 1.2rem;border:1px solid var(--panel-border);border-radius:1rem;background:var(--panel)}.usecase-grid.svelte-et6md strong:where(.svelte-et6md){font-size:1rem}.usecase-grid.svelte-et6md span:where(.svelte-et6md){color:var(--muted);font-size:.9rem}.foot.svelte-et6md{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--panel-border);color:var(--muted);font-size:.9rem}.foot.svelte-et6md a:where(.svelte-et6md){color:var(--accent);text-decoration:none}.foot.svelte-et6md a:where(.svelte-et6md):hover{text-decoration:underline}.crumb.svelte-1r01avj{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .14s ease,opacity .14s ease}.crumb.svelte-1r01avj:hover{border-bottom-color:currentColor;opacity:.85}.nav-grid.svelte-1r01avj{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.nav-card.svelte-1r01avj{display:grid;gap:.4rem;padding:1.4rem;border:1px solid var(--panel-border);border-radius:1.2rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;transition:transform .14s ease,border-color .14s ease}.nav-card.svelte-1r01avj:hover{transform:translateY(-2px);border-color:var(--accent)}.nav-card.svelte-1r01avj strong:where(.svelte-1r01avj){font-size:1.15rem}.nav-card.svelte-1r01avj span:where(.svelte-1r01avj){color:var(--muted);font-size:.95rem}.crumb.svelte-1pzarha{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .14s ease,opacity .14s ease}.crumb.svelte-1pzarha:hover{border-bottom-color:currentColor;opacity:.85}.call-controls.svelte-1pzarha{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.call-controls.svelte-1pzarha button:where(.svelte-1pzarha){min-height:2.9rem;padding:.8rem 1.5rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font:inherit;transition:transform .14s ease,border-color .14s ease}.call-controls.svelte-1pzarha button:where(.svelte-1pzarha):hover:not(:disabled){transform:translateY(-1px)}.call-controls.svelte-1pzarha button:where(.svelte-1pzarha):disabled{opacity:.6;cursor:not-allowed}.danger-btn.svelte-1pzarha{border-color:var(--danger)!important;color:var(--danger);background:#ff6b7b1a}.status-badge.svelte-1pzarha{padding:.3rem .8rem;border-radius:999px;font-size:.85rem;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--muted)}.status-badge.ok.svelte-1pzarha{border-color:#79e0c759;color:var(--accent);background:#79e0c71a}.video-grid.svelte-1pzarha{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-panel.svelte-1pzarha{padding:1rem;overflow:hidden}.video-label.svelte-1pzarha{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.video-panel.svelte-1pzarha video:where(.svelte-1pzarha){width:100%;border-radius:.8rem;background:#02080fe6;aspect-ratio:16/9;object-fit:cover}.debug-log.svelte-1pzarha{margin-top:1rem;height:240px;overflow-y:auto;padding:.9rem 1.1rem;border:1px solid var(--panel-border);border-radius:.8rem;background:#02080fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;color:var(--muted)}.debug-line.svelte-1pzarha{white-space:pre-wrap;word-break:break-word}.debug-empty.svelte-1pzarha{color:var(--muted);opacity:.5;font-style:italic}.version-tag.svelte-1pzarha{position:fixed;top:.75rem;right:1rem;font-size:.75rem;color:var(--muted);opacity:.5;font-family:monospace;z-index:100}@media(max-width:700px){.video-grid.svelte-1pzarha{grid-template-columns:1fr}}.top-bar.svelte-1n46o8q{position:fixed;top:0;left:0;z-index:100;padding:1rem 1.25rem}.logo-link.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo.svelte-1n46o8q{width:28px;height:28px}.logo-text.svelte-1n46o8q{font-size:.9rem;font-weight:600;letter-spacing:.06em;color:var(--muted);opacity:.8}