:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--black:#000;--surface:#0a0a0a;--surface-raised:#141414;--border:#1c1c1c;--border-visible:#2e2e2e;--text-disabled:#555;--text-secondary:#8a8a8a;--text-primary:#e8e8e8;--text-display:#fff;--accent:#d71921;--accent-subtle:#d719212e;--font-display:"Doto","Space Mono","JetBrains Mono",monospace;--font-body:"Space Grotesk","DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Space Mono","JetBrains Mono","SF Mono","IBM Plex Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--ease:.18s cubic-bezier(.25,.1,.25,1);--max-width:1280px;--label-tracking:.12em}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--black);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.55}a{color:inherit}a:focus-visible{outline:1px solid var(--text-display);outline-offset:3px}button:focus-visible{outline:1px solid var(--text-display);outline-offset:3px}::selection{background:var(--accent);color:var(--text-display)}#root{min-height:100vh}.example-shell{width:min(100%,calc(var(--max-width) + 48px));padding:var(--space-2xl)var(--space-lg);margin:0 auto}.example-main{display:grid;gap:var(--space-2xl)}.example-header{display:grid;gap:var(--space-md);max-width:70ch}.example-eyebrow{font-family:var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:11px}.example-header h1{font-family:var(--font-body);letter-spacing:-.02em;color:var(--text-display);margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500}.example-lede{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.example-lede code{border:1px solid var(--border-visible);background:var(--surface);font-family:var(--font-mono);color:var(--text-primary);padding:1px 6px;font-size:.875em}.example-lede a{color:var(--text-display);border-bottom:1px solid var(--border-visible);text-decoration:none}.example-lede a:hover{border-bottom-color:var(--accent)}.example-error,.example-loading{display:grid;gap:var(--space-md);max-width:70ch}.example-error h1,.example-loading h1{font-family:var(--font-body);color:var(--text-display);margin:0;font-size:1.75rem;font-weight:500}.example-error p,.example-loading p{color:var(--text-secondary);margin:0}.example-code-block{padding:var(--space-md);border:1px solid var(--border-visible);background:var(--surface);overflow:auto;font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.875rem;line-height:1.6}.terminal-shell{display:grid;border:1px solid var(--border-visible);background:var(--surface);overflow:hidden;gap:0;width:100%}.terminal-topline{display:flex;justify-content:space-between;align-items: center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--border)}.terminal-topline-copy{display:flex;flex-direction:column;gap:2px}.terminal-label{font-family:var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--text-display);margin:0;font-size:11px}.terminal-caption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);font-size:11px}.scene-select{position:relative}.scene-select-trigger{display:inline-flex;align-items: center;gap:var(--space-sm);padding:0 var(--space-md);border:1px solid var(--border-visible);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--ease),border-color var(--ease);background:0 0;min-height:34px;font-size:11px}.scene-select-trigger:hover,.scene-select-trigger[aria-expanded=true]{border-color:var(--text-display);color:var(--text-display)}.scene-select-label{color:var(--text-disabled);margin-right:2px}.scene-select-chevron{display:inline-block;margin-left:var(--space-xs);border-top:4px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:transform .15s ease-out}.scene-select-trigger[aria-expanded=true] .scene-select-chevron{transform:rotate(180deg)}.scene-select-menu{position:absolute;z-index:20;border:1px solid var(--border-visible);background:var(--surface-raised);opacity:0;pointer-events:none;min-width:100%;padding:4px;transition:opacity .15s ease-out;top:calc(100% + 4px);right:0}.scene-select-menu[data-open=true]{opacity:1;pointer-events:auto}.scene-select-option{display:block;padding:var(--space-sm)var(--space-md);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;transition:color var(--ease);background:0 0;border:0;width:100%;font-size:11px}.scene-select-option:hover{color:var(--text-display)}.scene-select-option[aria-selected=true]{color:var(--text-display);border-left:2px solid var(--accent);padding-left:calc(var(--space-md) - 2px)}.terminal-frame-shell{padding:var(--space-lg)}.terminal-frame{overflow:hidden;box-sizing:border-box;border:1px solid var(--border);background:var(--black);width:min(1080px,100%);min-width:320px;height:min(720px,64svh);min-height:240px}body.is-resizing-terminal .terminal-frame{border-style:dashed;border-color:var(--text-display)}.terminal-resize-bar{display:flex;justify-content:space-between;align-items: center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-top:1px solid var(--border);font-family:var(--font-mono)}.terminal-status{display:inline-flex;align-items: center;gap:var(--space-sm);min-width:0}.status-label{color:var(--text-disabled);font-family:var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;font-size:11px}.status-item{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.terminal-resize-handle{border:0;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);cursor:nwse-resize;background:0 0;flex:none;width:18px;height:18px;padding:0}.terminal-resize-handle:hover{border-right-color:var(--text-display);border-bottom-color:var(--text-display)}body.is-resizing-terminal,body.is-resizing-terminal *{cursor:nwse-resize!important;user-select:none!important}.terminal-host{border-top:0;width:100%;height:100%;display:block!important;cursor:default!important;background:0 0!important;min-height:100%!important;padding:0!important}.terminal-host>.webtuigui-scene-root{width:100%;height:100%}.terminal-host .webtuigui-scene{width:100%;height:100%;box-shadow:none!important;display:grid!important;grid-template-rows:1fr!important;background:0 0!important;border-radius:0!important;gap:0!important;padding:0!important}.terminal-host .webtuigui-scene__header{display:none!important}.terminal-host .webtuigui-scene__terminal{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;cursor:default!important;min-height:100%!important}.terminal-host .webtuigui-scene__terminal canvas{touch-action:none;cursor:default!important}@media (max-width:900px){.example-shell{padding:var(--space-md)}.terminal-frame{height:min(560px,58svh)}.terminal-topline{flex-direction:column;align-items: flex-start}}@media (max-width:640px){.terminal-frame{height:min(440px,54svh)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}