.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-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-dialog pre{height:calc(100dvh - 72px);box-sizing:border-box;margin:0;padding:22px;overflow:auto;tab-size:2;white-space:pre;color:#dbe5f3;background:#0d1420;font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.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)}.rail>nav,.site-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}.rail[data-ogjs-menu-open]>nav,.site-rail[data-ogjs-menu-open]>nav{display:flex!important}.rail>nav a,.site-rail>nav a,.rail>nav .ogjs-example-trigger,.site-rail>nav .ogjs-example-trigger,.rail>nav .ogjs-code-trigger,.site-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}.rail>nav a:hover,.site-rail>nav a:hover,.rail>nav .ogjs-example-trigger:hover,.site-rail>nav .ogjs-example-trigger:hover,.rail>nav .ogjs-code-trigger:hover,.site-rail>nav .ogjs-code-trigger:hover{background:#162131}.rail>nav .ogjs-example-trigger,.site-rail>nav .ogjs-example-trigger,.rail>nav .ogjs-code-trigger,.site-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-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}}