:root{color:#f7f9fc;background:#0a0d10;font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-inline-size:320px;min-block-size:100vh;overflow:hidden;background:#000}body[data-demo-page=embed-demo]{overflow:auto;color:#141920;background:#f4f6f8}body[data-demo-page=embed-sample]{overflow:hidden;color:#fff;background:#050608}body[data-demo-page=embed-multi]{overflow:auto;color:#151a20;background:#eef2f5}button,input{font:inherit}.demo-shell{min-block-size:100vh;display:grid;grid-template-rows:minmax(0,1fr);gap:0;padding:0}.player-zone{min-block-size:0;display:grid;place-items:stretch}.player-frame{inline-size:100vw;block-size:100vh;min-block-size:100vh;aspect-ratio:auto;box-shadow:none}.public-config-state{inline-size:100%;block-size:100%;min-block-size:240px;display:grid;place-items:center;padding:24px;color:#ffffffdb;background:#050608;font-size:15px;line-height:1.4;text-align:center}.public-config-state--error{color:#fff;background:linear-gradient(180deg,#101316,#050608)}.state-dock{position:fixed;z-index:30;inset-inline:12px;top:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;pointer-events:none}.state-dock[hidden]{display:none}.demo-shell[data-surface=embed] .state-dock{position:fixed;inset-inline:12px;top:12px;z-index:10;justify-content:flex-start}.state-button{min-block-size:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#ffffffc7;background:#ffffff0f;cursor:pointer;pointer-events:auto}.state-button:hover,.state-button[aria-current=true]{color:#fff;border-color:#107ef28c;background:#107ef233}ray-player{display:block;inline-size:100%;block-size:100vh;--ray-radius: 0}.embed-sample-shell{min-block-size:100vh;display:grid;place-items:center;padding:clamp(12px,3vw,32px);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 38%),#050608}.embed-sample-frame{display:block;inline-size:min(1120px,calc(100vw - clamp(24px,6vw,64px)));aspect-ratio:16 / 9;border:0;border-radius:8px;background:#000;box-shadow:0 24px 80px #0000006b}.multi-embed-shell{min-block-size:100vh;background:linear-gradient(180deg,#107ef212,#107ef200 340px),#f5f7f9}.multi-embed-topbar{position:sticky;z-index:20;top:0;min-block-size:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);border-block-end:1px solid rgba(23,31,42,.1);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.multi-embed-topbar nav{display:flex;gap:8px}.multi-embed-topbar nav a{min-block-size:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(23,31,42,.12);border-radius:8px;color:#253041;background:#ffffffb8;font-size:14px;font-weight:620;text-decoration:none}.multi-embed-hero{inline-size:min(1240px,100%);margin:0 auto;padding:clamp(26px,4.4vw,54px) clamp(18px,4vw,56px) 12px}.multi-embed-hero h1{max-inline-size:820px;margin:0;color:#10151c;font-size:clamp(34px,4.7vw,62px);line-height:1;letter-spacing:0}.multi-embed-hero p:not(.embed-demo-kicker){max-inline-size:760px;margin:18px 0 0;color:#4c5965;font-size:17px;line-height:1.62}.multi-embed-grid{inline-size:min(1240px,100%);margin:0 auto;padding:18px clamp(18px,4vw,56px) clamp(34px,5vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.multi-embed-card{min-inline-size:0;overflow:hidden;border:1px solid rgba(23,31,42,.12);border-radius:8px;background:#fff;box-shadow:0 16px 42px #0f172017}.multi-embed-card.is-featured{grid-column:1 / -1}.multi-embed-card-copy{padding:16px 18px 18px}.multi-embed-card.is-featured .multi-embed-card-copy{display:grid;grid-template-columns:minmax(0,.72fr) minmax(260px,.62fr);gap:22px;align-items:start;padding:18px 22px 22px}.multi-embed-card-copy span{display:block;margin-block-end:8px;color:#107ef2;font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}.multi-embed-card.is-featured .multi-embed-card-copy span{grid-column:1;grid-row:1}.multi-embed-card-copy h2{margin:0;color:#121922;font-size:20px;line-height:1.12;letter-spacing:0}.multi-embed-card.is-featured .multi-embed-card-copy h2{grid-column:1;grid-row:2;font-size:clamp(24px,2.7vw,34px);line-height:1.05}.multi-embed-card-copy p{margin:10px 0 0;color:#58636f;font-size:14px;line-height:1.5}.multi-embed-card.is-featured .multi-embed-card-copy p{grid-column:2;grid-row:1 / span 2;margin:0;align-self:end;font-size:15px;line-height:1.58}.multi-embed-card iframe{display:block;inline-size:100%;aspect-ratio:16 / 9;border:0;background:#000}.multi-embed-card.is-featured iframe{aspect-ratio:16 / 8.3}.embed-demo-shell{min-block-size:100vh;color:#141920;background:linear-gradient(180deg,#107ef214,#107ef200 280px),#f4f6f8}.embed-demo-topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-block-size:64px;padding:0 clamp(18px,4vw,56px);border-block-end:1px solid rgba(23,31,42,.1);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.embed-demo-brand{color:#10151c;font-size:17px;font-weight:740;text-decoration:none}.embed-demo-topbar nav{display:flex;gap:8px}.embed-demo-topbar nav a{min-block-size:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(23,31,42,.12);border-radius:8px;color:#253041;background:#ffffffb8;font-size:14px;font-weight:620;text-decoration:none}.embed-demo-layout{inline-size:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px)}.embed-demo-article{min-inline-size:0;padding:clamp(28px,5vw,64px)}.embed-demo-kicker{margin:0 0 10px;color:#107ef2;font-size:13px;font-weight:760;letter-spacing:0;text-transform:uppercase}.embed-demo-article h1{max-inline-size:780px;margin:0;color:#0f151d;font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:0}.embed-demo-article p{max-inline-size:740px;margin:18px 0 0;color:#4d5967;font-size:17px;line-height:1.62}.embed-demo-player-wrap{margin:clamp(28px,4vw,44px) 0;overflow:hidden;border:1px solid rgba(10,13,16,.16);border-radius:8px;background:#000;box-shadow:0 22px 54px #0914232e}.embed-demo-player-wrap iframe{display:block;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;border:0;background:#000}.embed-demo-body-copy{max-inline-size:800px;padding-block-start:10px;border-block-start:1px solid rgba(23,31,42,.12)}.embed-demo-body-copy h2,.embed-demo-panel h2{margin:0;color:#111820;font-size:15px;font-weight:760;letter-spacing:0}.embed-demo-panel{position:sticky;z-index:20;top:64px;align-self:start;min-block-size:calc(100vh - 64px);padding:26px;border-inline-start:1px solid rgba(23,31,42,.12);background:#ffffffe6}.embed-demo-control-group,.embed-demo-code-block{position:relative;z-index:1;padding-block-end:22px;margin-block-end:22px;border-block-end:1px solid rgba(23,31,42,.1)}.embed-demo-code-block:last-child{margin-block-end:0;padding-block-end:0;border-block-end:0}.embed-demo-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:14px}.embed-demo-command-grid button{min-block-size:38px;padding:0 12px;border:1px solid rgba(23,31,42,.14);border-radius:8px;color:#16202c;background:#fff;font-size:13px;font-weight:680;cursor:pointer}.embed-demo-command-grid button:hover{border-color:#107ef280;color:#0c63bd;background:#107ef212}.embed-demo-command-grid button:disabled{cursor:wait;opacity:.58}.embed-demo-log{min-block-size:128px;margin-block-start:14px;padding:12px;display:grid;gap:8px;align-content:start;border:1px solid rgba(23,31,42,.12);border-radius:8px;background:#111820;color:#ffffffd6;font-size:12px}.embed-demo-log div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:start}.embed-demo-log strong{color:#8bd4ff;font-weight:720}.embed-demo-log span{min-inline-size:0;overflow-wrap:anywhere}.embed-demo-code-block pre{max-block-size:220px;margin:12px 0 0;overflow:auto;padding:12px;border:1px solid rgba(23,31,42,.12);border-radius:8px;background:#10151c;color:#f6f8fb;font-size:12px;line-height:1.5}.embed-demo-code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;white-space:pre}@media (max-width: 760px){.demo-shell{padding:0}.state-dock{padding:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.state-button{flex:0 0 auto}.embed-demo-topbar,.multi-embed-topbar{position:static;gap:12px;align-items:flex-start;flex-direction:column;padding-block:14px}.multi-embed-topbar nav{flex-wrap:wrap}.embed-demo-layout{grid-template-columns:1fr}.multi-embed-hero{padding:24px 16px 10px}.multi-embed-hero h1{font-size:34px;line-height:1.04}.multi-embed-grid{grid-template-columns:1fr;padding:18px 16px 32px}.multi-embed-card,.multi-embed-card.is-featured{grid-column:1 / -1;display:block}.embed-demo-article{padding:24px 16px 28px}.embed-demo-article h1{font-size:34px;line-height:1.04}.embed-demo-player-wrap{margin-inline:-16px;border-inline:0;border-radius:0}.embed-demo-panel{position:relative;z-index:2;min-block-size:auto;padding:18px 16px 28px;border-inline-start:0;border-block-start:1px solid rgba(23,31,42,.12)}.embed-demo-command-grid{grid-template-columns:1fr}.embed-sample-shell{padding:0;background:#000}.embed-sample-frame{inline-size:100vw;block-size:100vh;aspect-ratio:auto;border-radius:0;box-shadow:none}}