:root{color-scheme:light;--color-white:#fff;--color-black:#000;--color-ink-950:#020617;--color-ink-900:#0f172a;--color-ink-800:#1e293b;--color-ink-700:#334155;--color-ink-500:#64748b;--color-ink-300:#cbd5e1;--color-red-600:#dc2626;--color-red-400:#f87171;--bg:#fafafa;--surface:var(--color-white);--surface-muted:#f4f4f5;--surface-subtle:#fcfcfc;--text:#0a0a0a;--text-soft:#3f3f46;--text-muted:#6f6f78;--border:#e4e4e7;--border-subtle:#ededf0;--primary:#18181b;--primary-strong:#09090b;--primary-soft:#f4f4f5;--primary-contrast:var(--color-white);--primary-hover:#2c2c30;--accent:#52525b;--focus:#18181b;--danger:var(--color-red-600);--danger-strong:color-mix(in srgb, var(--danger) 88%, var(--color-black));--danger-on-scene:#fecaca;--code-bg:#0f0f10;--code-text:#ececee;--code-selection-bg:#2563eb;--code-selection-text:#fff;--code-type:#0b5cad;--code-param:#99461a;--code-func:#6e40c9;--shadow:0 16px 40px #00000014;--shadow-soft:0 1px 2px #0000000a, 0 8px 22px #00000008;--shadow-glass:0 10px 24px #00000014;--shadow-scene:0 18px 48px #0000003d;--radius:8px;--radius-sm:6px;--radius-pill:999px;--content:1180px;--header-height:56px;--header-height-compact:52px;--workspace-min-height:620px;--workspace-splitter-size:9px;--workspace-splitter-expanded-size:12px;--workspace-splitter-bg:color-mix(in srgb, var(--border) 68%, transparent);--workspace-splitter-handle:color-mix(in srgb, var(--primary) 45%, var(--text-muted));--control-height:38px;--control-height-sm:32px;--control-border:var(--border);--control-bg:var(--surface);--control-hover-border:color-mix(in srgb, var(--primary) 56%, var(--border));--control-primary-shadow:0 8px 20px #00000024;--glass-bg:color-mix(in srgb, var(--surface) 84%, transparent);--glass-border:color-mix(in srgb, var(--border) 72%, transparent);--page-bg:linear-gradient(180deg, var(--surface), transparent 320px), var(--bg);--scene-bg:var(--color-black);--scene-surface:linear-gradient(180deg, #131316, #09090b), #0e0e10;--scene-text:#ffffffdb;--scene-text-muted:#e4e4e7a8;--scene-panel-bg:#09090bbd;--scene-panel-bg-soft:#09090bb8;--scene-panel-bg-strong:#18181bbd;--scene-panel-border:#ffffff24;--scene-panel-border-soft:#ffffff1f;--scene-grid-line:#ffffff14;--scene-overlay-strong:#09090b99;--scene-text-shadow:#000000db;--scene-control-bg:#fffffff5;--scene-control-border:#fffc;--scene-control-indicator:#ffffffb8;--scene-control-shadow:0 14px 30px #0000003d, 0 1px 2px #ffffffb3 inset;--scene-control-shadow-hover:0 18px 38px #00000047, 0 1px 2px #ffffffc7 inset;--font-sans:Aptos, "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--bg:#050506;--surface:#0e0e10;--surface-muted:#18181b;--surface-subtle:#0a0a0b;--text:#e6e6ea;--text-soft:#b9b9c1;--text-muted:#8b8b94;--border:#242427;--border-subtle:#1a1a1d;--primary:#e2e2e6;--primary-strong:#ebebee;--primary-soft:#e6e6ea14;--primary-contrast:#101012;--primary-hover:#d2d2d8;--accent:#9d9da6;--focus:#e2e2e6;--danger:var(--color-red-400);--danger-strong:color-mix(in srgb, var(--danger) 82%, var(--color-black));--code-bg:#0a0a0b;--code-text:#dcdce1;--code-selection-bg:#2563eb;--code-selection-text:#fff;--code-type:#7fb0ea;--code-param:#d9a26a;--code-func:#b79ce8;--shadow:0 20px 48px #0000006b;--shadow-soft:0 1px 2px #0000004d, 0 12px 30px #00000038;--shadow-glass:0 10px 24px #0000004d;--control-primary-shadow:0 8px 22px #0006;--glass-bg:color-mix(in srgb, var(--surface) 86%, transparent);--page-bg:linear-gradient(180deg, var(--surface-subtle), transparent 320px), var(--bg)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);text-rendering:optimizelegibility;line-height:1.5}body{background:var(--page-bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb, var(--text) 14%, transparent)}button,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.button{min-height:var(--control-height);border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text);box-shadow:var(--shadow-soft);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:0 15px;font-weight:680;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.button:hover{border-color:var(--control-hover-border);color:var(--primary-strong)}.button:active{transform:translateY(1px)}.button.primary{border-color:var(--primary-strong);background:var(--primary-strong);color:var(--primary-contrast);box-shadow:var(--control-primary-shadow)}.button.primary:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--primary-contrast)}.button.compact{min-height:var(--control-height-sm);padding:0 12px;font-size:.88rem}pre{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);margin:0;padding:18px;font-size:.9rem;line-height:1.72;overflow:auto}code{font-family:var(--font-mono)}.site-header{z-index:30;min-height:var(--header-height);border-bottom:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--surface) 86%, transparent);backdrop-filter:blur(18px)saturate(1.4);align-items:center;gap:16px;padding:0 clamp(16px,2.4vw,36px);display:flex;position:sticky;top:0}.brand{color:var(--text);flex:none;align-items:center;line-height:0;display:inline-flex}.brand-logo{width:clamp(142px,16vw,164px);height:24px;display:block}:root[data-theme=dark] .brand-logo{filter:invert()hue-rotate(180deg)brightness(1.18)}.site-menu-toggle,.site-drawer-close,.site-mobile-drawer-shell{display:none}.site-nav{align-items:center;gap:4px;height:100%;margin-left:auto;display:flex}.site-nav a{border-radius:var(--radius-sm);min-height:34px;color:var(--text-muted);white-space:nowrap;align-items:center;padding:0 12px;font-size:.92rem;font-weight:650;transition:background .16s,color .16s;display:inline-flex;position:relative}.site-nav a.is-active:after{content:"";border-radius:var(--radius-pill);background:var(--text);height:2px;position:absolute;bottom:5px;left:12px;right:12px}.site-actions{align-items:center;gap:8px;display:flex}.language-switch{border-radius:var(--radius-sm);min-width:38px;min-height:34px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:0 8px;font-size:.9rem;font-weight:700;transition:background .16s,color .16s;display:inline-flex}.theme-toggle,.github-link{border-radius:var(--radius-sm);width:36px;min-width:36px;min-height:36px;box-shadow:none;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:background .16s,color .16s;display:inline-flex}.site-nav a:hover,.site-nav a.is-active,.language-switch:hover,.theme-toggle:hover,.github-link:hover{background:var(--surface-muted);color:var(--text)}.icon-github{fill:currentColor;display:block}:root[data-site-menu-open=true] body,.workspace-page{overflow:hidden}.workspace-grid[data-pane-collapsed=true]{grid-template-columns:0 var(--workspace-splitter-expanded-size) minmax(0, 1fr)}.workspace-grid[data-pane-collapsed=true]>.workspace-primary-pane{visibility:hidden;opacity:0;pointer-events:none;border-right-color:#0000;overflow:hidden}.workspace-grid[data-pane-collapsed=true]>.workspace-resizer{cursor:e-resize;background:0 0}.workspace-grid[data-pane-collapsed=true]>.workspace-resizer:before{opacity:.72;inset:12px 5px}.tool-panel-window{color:#f8fafc;scrollbar-width:none;backdrop-filter:blur(16px);--tp-base-background-color:#080d16e0;--tp-base-border-radius:var(--radius);--tp-base-font-family:var(--font-mono);--tp-base-shadow-color:#0000004d;--tp-blade-border-radius:4px;--tp-blade-horizontal-padding:3px;--tp-blade-value-width:118px;--tp-button-background-color:#e2e8f0d1;--tp-button-background-color-active:#f8fafcf2;--tp-button-background-color-focus:#e2e8f0e6;--tp-button-background-color-hover:#f1f5f9f2;--tp-button-foreground-color:var(--color-ink-900);--tp-container-background-color:#94a3b81c;--tp-container-background-color-active:#94a3b83d;--tp-container-background-color-focus:#94a3b833;--tp-container-background-color-hover:#94a3b829;--tp-container-foreground-color:var(--scene-text);--tp-container-horizontal-padding:3px;--tp-container-unit-size:18px;--tp-container-vertical-padding:3px;--tp-input-background-color:#0f172aa3;--tp-input-background-color-active:#1e293bdb;--tp-input-background-color-focus:#1e293bc7;--tp-input-background-color-hover:#1e293bb8;--tp-input-foreground-color:#f8fafc;--tp-label-foreground-color:#e2e8f0b8;--tp-monitor-background-color:#02061785;--tp-monitor-foreground-color:#a7f3d0;--tp-groove-foreground-color:#e2e8f01f}.tool-panel-window::-webkit-scrollbar{width:0;height:0}.tool-panel-window[hidden]{display:none}.tool-panel-window>.tp-rotv{border:1px solid #ffffff24;width:100%;box-shadow:0 22px 52px #0000004d}.tool-panel-window .tp-rotv{font-size:10px}.tool-panel-window .tp-rotv_b{letter-spacing:0;min-height:26px}.tool-panel-window .tp-lblv{min-height:23px}.tool-panel-window .tp-lblv_l{flex:0 0 var(--tool-panel-label-width,88px);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:6px;overflow:hidden}.tool-panel-window .tp-lblv_v{flex:auto;width:auto;min-width:0}.workspace-resizer{z-index:4;color:var(--text-muted);cursor:col-resize;background:var(--workspace-splitter-bg);position:relative}.workspace-resizer:before{content:"";border-radius:var(--radius-pill);background:var(--workspace-splitter-handle);opacity:0;transition:opacity .16s;position:absolute;inset:0 3px}.workspace-resizer:is(:hover,:focus-visible):before,[data-resizing=true]>.workspace-resizer:before{opacity:1}@media (width<=900px){.site-header{min-height:var(--header-height-compact);flex-wrap:nowrap;gap:8px;padding:8px 10px}.site-menu-toggle,.site-drawer-close{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.site-menu-toggle{width:36px;height:36px;transition:background .16s,color .16s,border-color .16s}.site-menu-toggle:hover,.site-menu-toggle[aria-expanded=true],.site-drawer-close:hover{border-color:var(--border-subtle);background:var(--surface-muted);color:var(--text)}.site-menu-icon,.site-menu-icon:before,.site-menu-icon:after{border-radius:var(--radius-pill);background:currentColor;width:16px;height:2px;transition:transform .16s,opacity .16s;display:block}.site-menu-icon{position:relative}.site-menu-icon:before,.site-menu-icon:after{content:"";position:absolute;left:0}.site-menu-icon:before{top:-5px}.site-menu-icon:after{top:5px}.site-menu-toggle[aria-expanded=true] .site-menu-icon{background:0 0}.site-menu-toggle[aria-expanded=true] .site-menu-icon:before{transform:translateY(5px)rotate(45deg)}.site-menu-toggle[aria-expanded=true] .site-menu-icon:after{transform:translateY(-5px)rotate(-45deg)}.brand-logo{width:136px;height:20px}.site-nav{display:none}.site-actions{gap:4px;margin-left:auto}.language-switch{min-width:34px;min-height:32px;padding:0 6px}.theme-toggle,.github-link{width:32px;min-width:32px;min-height:32px}.site-mobile-drawer-shell{z-index:90;visibility:hidden;pointer-events:none;display:block;position:fixed;inset:0}.site-mobile-drawer-shell[aria-hidden=false]{visibility:visible;pointer-events:auto}.site-drawer-backdrop{background:color-mix(in srgb, var(--color-black) 34%, transparent);opacity:0;cursor:default;border:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.site-mobile-drawer-shell[aria-hidden=false] .site-drawer-backdrop{opacity:1}.site-mobile-drawer{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(86vw,360px);min-width:280px;max-width:calc(100vw - 42px);box-shadow:var(--shadow);scrollbar-width:thin;backdrop-filter:blur(18px);grid-template-rows:auto minmax(0,1fr);transition:transform .2s;display:grid;position:absolute;top:0;bottom:0;left:0;overflow:auto;transform:translate(-100%)}.site-mobile-drawer-shell[aria-hidden=false] .site-mobile-drawer{transform:translate(0)}.site-drawer-header{z-index:2;min-height:var(--header-height-compact);border-bottom:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;position:sticky;top:0}.site-drawer-brand{align-items:center;min-width:0;line-height:0;display:inline-flex}.site-drawer-close{width:34px;height:34px}.site-drawer-close-icon{width:14px;height:14px;display:block;position:relative}.site-drawer-close-icon:before,.site-drawer-close-icon:after{border-radius:var(--radius-pill);content:"";background:currentColor;width:14px;height:2px;position:absolute;top:6px;left:0}.site-drawer-close-icon:before{transform:rotate(45deg)}.site-drawer-close-icon:after{transform:rotate(-45deg)}.site-drawer-nav{align-content:start;gap:4px;padding:10px;display:grid}.site-drawer-nav a{border-radius:var(--radius-sm);min-height:42px;color:var(--text-muted);border:1px solid #0000;align-items:center;padding:0 12px;font-size:.95rem;font-weight:720;transition:background .16s,border-color .16s,color .16s;display:flex}.site-drawer-nav a:hover,.site-drawer-nav a.is-active{border-color:var(--border-subtle);background:var(--surface-muted);color:var(--text)}.site-drawer-nav a.is-active{box-shadow:inset 3px 0 0 var(--primary)}.site-drawer-nav-context{border-left:1px solid var(--border-subtle);min-width:0;margin:2px 0 10px 12px;padding:8px 0 2px 10px}}@media (width<=380px){.brand-logo{width:124px}}:root[data-workspace-fullscreen=true] body:is(.example-viewer-page,.playground-page,.viewer-page){background:var(--scene-bg);overflow:hidden}:root[data-workspace-fullscreen=true] body:is(.example-viewer-page,.playground-page,.viewer-page) .site-header{display:none}