:root{--ols-font:inherit;--ols-text:#1a2233;--ols-text-muted:#5b6577;--ols-surface:#fff;--ols-surface-muted:#f2f4f7;--ols-border:#d5dae1;--ols-primary:#0b3d91;--ols-primary-text:#fff;--ols-danger:#b42318;--ols-danger-text:#fff;--ols-focus:#2f6fed;--ols-live:#d92d20;--ols-backdrop:#1018288c;--ols-shadow:0 12px 32px #1018282e;--ols-radius:10px}@media (prefers-color-scheme:dark){:root{--ols-text:#e6e9ef;--ols-text-muted:#a3acba;--ols-surface:#1c2230;--ols-surface-muted:#262d3d;--ols-border:#3a4356;--ols-primary:#6d9bf1;--ols-primary-text:#0d1424;--ols-danger:#f97066;--ols-danger-text:#1f0b09;--ols-focus:#8fb3ff;--ols-live:#f97066;--ols-backdrop:#000000a6;--ols-shadow:0 12px 32px #00000080}}.ols-button{font:inherit;font-family:var(--ols-font);border:1px solid var(--ols-border);background:var(--ols-surface);color:var(--ols-text);cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-weight:600}.ols-button:focus-visible,.ols-input:focus-visible,.ols-notice__dismiss:focus-visible{outline:2px solid var(--ols-focus);outline-offset:2px}.ols-button--primary{background:var(--ols-primary);border-color:var(--ols-primary);color:var(--ols-primary-text)}.ols-button--danger{background:var(--ols-danger);border-color:var(--ols-danger);color:var(--ols-danger-text)}.ols-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.ols-dialog{font-family:var(--ols-font);border:1px solid var(--ols-border);border-radius:var(--ols-radius);background:var(--ols-surface);width:min(28rem,100vw - 2rem);color:var(--ols-text);box-shadow:var(--ols-shadow);padding:1.5rem}.ols-dialog::backdrop{background:var(--ols-backdrop)}.ols-dialog__title{margin:0 0 .5rem;font-size:1.15rem;line-height:1.35}.ols-dialog__text{color:var(--ols-text-muted);margin:0;line-height:1.5}.ols-banner,.ols-notice{z-index:2147483000;border:1px solid var(--ols-border);background:var(--ols-surface);max-width:calc(100vw - 2rem);color:var(--ols-text);box-shadow:var(--ols-shadow);font-family:var(--ols-font);border-radius:999px;align-items:center;gap:.75rem;padding:.6rem .6rem .6rem 1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.ols-banner__dot{background:var(--ols-live);border-radius:50%;flex:none;width:.65rem;height:.65rem}.ols-banner__text{font-weight:600}.ols-notice{border-radius:var(--ols-radius);padding-right:.4rem}.ols-notice__dismiss{font:inherit;color:var(--ols-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.25rem;line-height:1}.ols-viewer{font-family:var(--ols-font);color:var(--ols-text);gap:.75rem;display:grid}.ols-viewer__form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.ols-field{gap:.3rem;font-weight:600;display:grid}.ols-input{font:inherit;border:1px solid var(--ols-border);background:var(--ols-surface);color:var(--ols-text);border-radius:8px;min-width:12rem;padding:.5rem .65rem;font-weight:400}.ols-viewer__status{min-height:1.5em;color:var(--ols-text-muted);margin:0}.ols-viewer__status--error{color:var(--ols-danger)}.ols-viewer__screen{aspect-ratio:16/9;border:1px solid var(--ols-border);border-radius:var(--ols-radius);background:var(--ols-surface-muted);flex-direction:column;display:flex;overflow:hidden}.ols-viewer__screen--full{aspect-ratio:auto;background:#000;border:none;border-radius:0;width:100%;height:100%}.ols-viewer__screen:fullscreen{aspect-ratio:auto;background:#000;border:none;border-radius:0;width:100%;height:100%}.ols-viewer__screen--full:not(:fullscreen){z-index:2147483000;width:100vw;height:100vh;position:fixed;inset:0}.ols-viewer__toolbar{background:var(--ols-surface);border-bottom:1px solid var(--ols-border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem;display:flex}.ols-viewer__hint{color:var(--ols-text-muted);margin-right:auto;font-size:.9rem}.ols-viewer__video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.ols-viewer__video--pointer{cursor:crosshair}.ols-viewer__placeholder{text-align:center;color:var(--ols-text-muted);margin:auto;padding:1rem}.ols-pointer-layer{z-index:2147483001;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ols-pointer{font-family:var(--ols-font);transition:left 60ms linear,top 60ms linear;position:absolute;transform:translate(-2px,-2px)}.ols-pointer__arrow{filter:drop-shadow(0 1px 2px #0006);width:22px;height:22px;display:block}.ols-pointer__label{background:var(--ols-primary);color:var(--ols-primary-text);white-space:nowrap;border-radius:6px;padding:.15rem .5rem;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:18px}.ols-ping{border:3px solid var(--ols-primary);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:1.2s ease-out forwards ols-ping;position:absolute}@keyframes ols-ping{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.ols-pointer{transition:none}.ols-ping{animation:1.2s step-end forwards ols-ping-static}@keyframes ols-ping-static{to{opacity:0}}}:root{--demo-bg:#f6f7f9;--demo-surface:#fff;--demo-text:#1a2233;--demo-muted:#5b6577;--demo-border:#d5dae1;--demo-accent:#0b3d91;--demo-ok:#067647;--demo-warn:#b54708;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--demo-bg:#11151e;--demo-surface:#1c2230;--demo-text:#e6e9ef;--demo-muted:#a3acba;--demo-border:#3a4356;--demo-accent:#8fb3ff;--demo-ok:#47cd89;--demo-warn:#fdb022}}*{box-sizing:border-box}body{background:var(--demo-bg);color:var(--demo-text);margin:0;line-height:1.5}h1{margin:0 0 .5rem;font-size:1.4rem}a{color:var(--demo-accent)}.demo-header{background:var(--demo-surface);border-bottom:1px solid var(--demo-border);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;display:flex}.demo-nav{gap:1rem;margin-right:auto;display:flex}.demo-nav a{border-bottom:2px solid #0000;padding:.25rem 0;font-weight:600;text-decoration:none}.demo-nav a[aria-current=page]{border-bottom-color:var(--demo-accent)}.demo-connection{color:var(--demo-warn);font-size:.9rem}.demo-connection--connected{color:var(--demo-ok)}.demo-main{gap:1rem;max-width:60rem;margin:0 auto;padding:1rem;display:grid}.demo-identity{color:var(--demo-muted);flex-wrap:wrap;gap:.5rem 2rem;margin:0;display:flex}.demo-identity dt{font-size:.8rem}.demo-identity dd{color:var(--demo-text);margin:0;font-weight:600}.demo-card{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:10px;padding:1.25rem}.demo-muted{color:var(--demo-muted)}.demo-centered{place-items:center;min-height:100vh;padding:1rem;display:grid}.demo-centered .demo-card{max-width:28rem}