:root{--ogjs-control-surface: #fffdfa;--ogjs-control-surface-hover: #f0ebe3;--ogjs-control-surface-selected: #f4e3d8;--ogjs-control-text: #18212e;--ogjs-control-border: #bcae9d;--ogjs-control-accent: #8b3f20;--ogjs-control-disabled: #596575;--ogjs-control-radius: 4px;--ogjs-control-font: 650 13px/1.25 var(--sans)}.ogjs-picker-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.ogjs-picker{position:relative;display:inline-block;min-width:0;width:100%;color:var(--ogjs-control-text);font-family:var(--sans);text-transform:none}.control>.ogjs-picker{grid-column:1 / -1}.ogjs-picker .ogjs-picker-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:max(44px,var(--ogjs-control-min-height, 0px));margin:0;padding:var(--ogjs-control-padding, 9px 13px);border:1px solid var(--ogjs-control-border);border-radius:var(--ogjs-control-radius);background:var(--ogjs-control-surface);color:var(--ogjs-control-text);cursor:pointer;font:var(--ogjs-control-font);letter-spacing:0;text-align:left;text-transform:none}.ogjs-picker .ogjs-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ogjs-picker .ogjs-picker-trigger:after{content:"";width:8px;height:8px;flex:0 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}.ogjs-picker .ogjs-picker-trigger:hover{border-color:var(--ogjs-control-accent)}.ogjs-picker .ogjs-picker-trigger:active{background:var(--ogjs-control-surface-hover)}.ogjs-picker .ogjs-picker-trigger:focus-visible,.ogjs-picker-option:focus-visible{outline:2px solid var(--ogjs-control-accent);outline-offset:2px}.ogjs-picker .ogjs-picker-trigger[aria-expanded=true]:after{transform:translateY(2px) rotate(225deg)}.ogjs-picker .ogjs-picker-trigger:disabled{border-color:var(--ogjs-control-border);background:var(--ogjs-control-surface-hover);color:var(--ogjs-control-disabled);cursor:not-allowed}.ogjs-picker .ogjs-picker-trigger[aria-busy=true]{cursor:wait}.ogjs-picker .ogjs-picker-trigger[aria-invalid=true]{border-color:#b42318}.ogjs-picker-menu{position:fixed;z-index:100;top:0;left:0;display:grid;gap:2px;width:max-content;min-width:100%;max-width:min(320px,calc(100vw - 24px));max-height:min(308px,54vh);overflow-y:auto;padding:6px;border:1px solid var(--ogjs-control-border);border-radius:var(--ogjs-control-radius);background:var(--ogjs-control-surface);box-shadow:0 18px 48px #31291f29;scrollbar-color:var(--ogjs-control-border) transparent;scrollbar-width:thin}.ogjs-picker-menu[hidden]{display:none}.ogjs-picker-option{position:relative;min-height:44px;margin:0;padding:10px 34px 10px 11px;border:0;border-radius:var(--ogjs-control-radius);background:transparent;color:var(--ogjs-control-text);cursor:pointer;font:var(--ogjs-control-font);letter-spacing:0;overflow-wrap:anywhere;text-align:left;text-transform:none}.ogjs-picker-option:hover,.ogjs-picker-option:focus-visible{background:var(--ogjs-control-surface-hover)}.ogjs-picker-option:active{color:var(--ogjs-control-accent)}.ogjs-picker-option:disabled{color:var(--ogjs-control-disabled);cursor:not-allowed}.ogjs-picker-option[aria-selected=true]{background:var(--ogjs-control-surface-selected);color:var(--ogjs-control-accent)}.ogjs-picker-option[aria-selected=true]:after{content:"";position:absolute;top:15px;right:13px;width:9px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}@media (prefers-reduced-motion: reduce){.ogjs-picker .ogjs-picker-trigger:after{transition:none}}.ogjs-example-trigger,.ogjs-example-dialog,.ogjs-code-trigger,.ogjs-code-dialog{font-family:Sora,ui-sans-serif,system-ui,sans-serif}.ogjs-example-trigger,.ogjs-code-trigger{display:inline-flex;min-height:44px;align-items:center;gap:9px;padding:0 10px 0 13px;border:1px solid #526078;border-radius:6px;background:transparent;color:inherit;font:650 13px/1 Sora,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.ogjs-example-trigger:hover,.ogjs-code-trigger:hover{border-color:#f6a10a}.ogjs-example-trigger:focus-visible,.ogjs-code-trigger:focus-visible{outline:3px solid #f6a10a;outline-offset:2px}.ogjs-example-trigger kbd{padding:4px 6px;border:1px solid #526078;border-radius:4px;font:700 10px/1 ui-monospace,SFMono-Regular,monospace}.ogjs-example-trigger--floating{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));background:#0a0f16;color:#eef2f8}.ogjs-menu-toggle{display:none}.ogjs-example-live-state{min-width:0;max-width:min(34vw,360px);margin-left:auto;overflow:hidden;color:var(--ink-2, #aeb9cb);font:650 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.ogjs-example-live-state+.ogjs-menu-toggle+nav{margin-left:16px}.ogjs-code-dialog{width:min(760px,100vw);max-width:none;height:100dvh;max-height:none;box-sizing:border-box;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid #435069;background:#0a0f16;color:#eef2f8;box-shadow:-24px 0 80px #0000006b;overflow:hidden}.ogjs-code-dialog::backdrop{background:#060a10ad}.ogjs-code-head{min-height:72px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px 12px 20px;border-bottom:1px solid #2b3749}.ogjs-code-head strong{display:block;font-size:18px}.ogjs-code-head span{display:block;margin-top:3px;color:#aeb9cb;font-size:12px}.ogjs-code-actions{display:flex;gap:8px}.ogjs-code-actions button{min-height:44px;padding:0 13px;border:1px solid #526078;border-radius:5px;background:transparent;color:inherit;font:650 12px/1 Sora,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.ogjs-code-actions button:hover{border-color:#f6a10a}.ogjs-code-actions button:focus-visible{outline:3px solid #f6a10a;outline-offset:2px}.ogjs-code-tabs{min-height:44px;display:flex;padding:0 12px;overflow-x:auto;border-bottom:1px solid #2b3749}.ogjs-code-tabs button{min-height:44px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb9cb;font:650 12px/1 Sora,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.ogjs-code-tabs button[aria-selected=true]{border-bottom-color:#f6a10a;color:#eef2f8}.ogjs-code-tabs button:focus-visible{outline:3px solid #f6a10a;outline-offset:-4px}.ogjs-code-references{min-height:46px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:8px 20px;overflow-x:auto;border-bottom:1px solid #2b3749;color:#aeb9cb;white-space:nowrap;font:650 11px/1 Sora,ui-sans-serif,system-ui,sans-serif}.ogjs-code-references a{color:#f6a10a;text-underline-offset:3px}.ogjs-code-references a:focus-visible{outline:2px solid #f6a10a;outline-offset:3px}.ogjs-code-dialog pre{height:calc(100dvh - 116px);box-sizing:border-box;margin:0;padding:22px;overflow:auto;tab-size:2;overflow-wrap:anywhere;white-space:pre-wrap;color:#dbe5f3;background:#0d1420;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ogjs-code-dialog--with-references pre{height:calc(100dvh - 162px)}.ogjs-code-dialog pre:focus-visible{outline:3px solid #f6a10a;outline-offset:-4px}.ogjs-example-dialog{width:min(680px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 32px));box-sizing:border-box;padding:0;border:1px solid #435069;border-radius:10px;background:#0a0f16;color:#eef2f8;box-shadow:0 24px 80px #00000073;overflow:hidden}.ogjs-example-dialog::backdrop{background:#060a10b8;backdrop-filter:blur(3px)}.ogjs-example-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 14px}.ogjs-example-head strong{display:block;font-size:22px;letter-spacing:-.02em}.ogjs-example-head span{display:block;margin-top:4px;color:#aeb9cb;font-size:13px}.ogjs-example-close{min-width:44px;min-height:44px;border:1px solid #435069;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.ogjs-example-search{display:block;padding:0 22px}.ogjs-example-search input{width:100%;min-height:52px;box-sizing:border-box;padding:0 15px;border:1px solid #526078;border-radius:7px;background:#111925;color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1.3;outline:none}.ogjs-example-search input:focus{border-color:#f6a10a;box-shadow:0 0 0 3px #f6a10a33}.ogjs-example-status{padding:12px 22px 8px;color:#aeb9cb;font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.08em}.ogjs-example-results{max-height:min(520px,calc(100dvh - 200px));padding:0 10px 10px;overflow:auto}.ogjs-example-results a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:6px;color:inherit;text-decoration:none}.ogjs-example-results a[aria-selected=true]{background:#1a2535;outline:1px solid #526078}.ogjs-example-results a strong{display:block;font-size:14px}.ogjs-example-results a small{display:block;margin-top:3px;color:#aeb9cb;font-size:12px;line-height:1.35}.ogjs-example-badge{flex:none;color:#6fe2a4;font:700 10px/1 ui-monospace,SFMono-Regular,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px){.ogjs-menu-toggle{position:relative;display:inline-grid;width:44px;height:44px;flex:0 0 44px;margin-left:auto;place-items:center;border:1px solid #526078;border-radius:6px;background:transparent;color:#eef2f8;cursor:pointer}.ogjs-menu-toggle:focus-visible{outline:3px solid #f6a10a;outline-offset:2px}.ogjs-menu-toggle span,.ogjs-menu-toggle span:before,.ogjs-menu-toggle span:after{width:20px;height:2px;display:block;border-radius:2px;background:currentColor;content:"";transition:transform .16s ease,opacity .16s ease}.ogjs-menu-toggle span{position:relative}.ogjs-menu-toggle span:before,.ogjs-menu-toggle span:after{position:absolute;inset:0}.ogjs-menu-toggle span:before{transform:translateY(-6px)}.ogjs-menu-toggle span:after{transform:translateY(6px)}[data-ogjs-menu-open] .ogjs-menu-toggle span{background:transparent}[data-ogjs-menu-open] .ogjs-menu-toggle span:before{transform:translateY(0) rotate(45deg)}[data-ogjs-menu-open] .ogjs-menu-toggle span:after{transform:rotate(-45deg)}:is(.rail,.site-rail,.launch-rail)>nav{position:absolute;top:100%;left:8px;right:8px;display:none!important;max-height:calc(100dvh - 72px);margin:0;padding:8px;flex-direction:column;align-items:stretch;gap:0!important;overflow:auto;border:1px solid #435069;border-radius:8px;background:#0a0f16;color:#eef2f8;box-shadow:0 18px 50px #00000061}:is(.rail,.site-rail,.launch-rail)[data-ogjs-menu-open]>nav{display:flex!important}:is(.rail,.site-rail,.launch-rail)>nav a,:is(.rail,.site-rail,.launch-rail)>nav .ogjs-example-trigger,:is(.rail,.site-rail,.launch-rail)>nav .ogjs-code-trigger{width:100%;min-height:44px;box-sizing:border-box;display:flex;align-items:center;padding:10px 12px;border:0;border-radius:5px;color:inherit;text-align:left}:is(.rail,.site-rail,.launch-rail)>nav a:hover,:is(.rail,.site-rail,.launch-rail)>nav .ogjs-example-trigger:hover,:is(.rail,.site-rail,.launch-rail)>nav .ogjs-code-trigger:hover{background:#162131}:is(.rail,.site-rail,.launch-rail)>nav .ogjs-example-trigger,:is(.rail,.site-rail,.launch-rail)>nav .ogjs-code-trigger{justify-content:space-between}.ogjs-example-trigger--floating{position:fixed;z-index:30;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:0 8px;background:#0a0f16;color:#eef2f8}.ogjs-example-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.ogjs-example-live-state{display:none}.ogjs-example-head{padding:16px 14px 12px}.ogjs-example-search{padding:0 14px}.ogjs-example-status{padding-inline:14px}.ogjs-example-results{max-height:calc(100dvh - 180px)}.ogjs-example-results a{min-height:64px}.ogjs-example-results a small{display:none}.ogjs-code-dialog{width:100vw}.ogjs-code-head{align-items:flex-start;padding:10px 10px 10px 14px}.ogjs-code-head span{display:none}.ogjs-code-actions{gap:5px}.ogjs-code-actions button{padding-inline:9px}.ogjs-code-dialog pre{padding:16px;font-size:12px}}@media (prefers-reduced-motion: reduce){.ogjs-menu-toggle span,.ogjs-menu-toggle span:before,.ogjs-menu-toggle span:after{transition:none}}