:root{--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 28px;--radius-3xl: 32px;--radius-full: 9999px;--bg-canvas: #141517;--bg-surface: rgba(27, 30, 33, .88);--bg-surface-hover: rgba(32, 36, 42, .92);--bg-surface-active: rgba(42, 47, 55, .96);--bg-elevated: rgba(255, 255, 255, .08);--bg-elevated-hover: rgba(255, 255, 255, .14);--bg-elevated-active: rgba(255, 255, 255, .2);--border-subtle: rgba(255, 255, 255, .04);--text-primary: #ffffff;--text-secondary: #9da0a6;--text-muted: #71757e;--focus-ring-color: rgba(255, 255, 255, .4);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 36px;--font-size-display: clamp(var(--space-32), 11.5cqw, var(--space-80));--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: var(--space-16);--line-height-snug: var(--space-24);--line-height-relaxed: 1.5;--line-height-2xl: 44px;--letter-spacing-tighter: -.04em;--letter-spacing-display: -.025em;--letter-spacing-tight: -.015em;--letter-spacing-snug: -.01em;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--letter-spacing-widest: .1em;--letter-spacing-ultra: .22em;--icon-sm: var(--space-16);--icon-md: var(--space-20);--icon-lg: var(--space-24);--sidebar-nav-w: 220px;--sidebar-settings-w: 304px;--inspector-label-w: 88px;--inspector-value-w: var(--space-36);--heading-max-w: 920px;--subtitle-max-w: 680px;--perspective-3d: 1000px;--control-h-sm: var(--space-32);--control-h-md: var(--space-40);--btn-h: var(--space-56);--btn-radius: var(--radius-2xl);--btn-pad-h: var(--space-32);--switch-w: 104px;--switch-h: var(--space-56);--switch-pad: var(--space-4);--switch-thumb-size: var(--space-48);--switch-travel: var(--space-48);--tabs-h: var(--space-56);--tabs-item-h: var(--space-48);--prompt-box-w: 580px;--prompt-box-radius: var(--radius-xl);--prompt-box-pad: var(--space-20);--prompt-pill-h: var(--space-40);--prompt-submit-size: var(--space-40);--prompt-textarea-min-h: var(--space-48);--prompt-textarea-max-h: 160px;--card-w: 444px;--card-radius: var(--radius-xl);--card-pad: var(--space-24);--card-network-w: var(--space-48);--card-network-circle-size: var(--space-32);--card-icon-muted: rgba(255, 255, 255, .55);--card-text: rgba(255, 255, 255, .92);--card-network-left-bg: linear-gradient(135deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .05) 100%);--card-network-right-bg: linear-gradient(135deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, .08) 100%);--audio-w: 480px;--audio-radius: var(--radius-3xl);--audio-pad-top: var(--space-28);--audio-pad-h: var(--space-32);--audio-pad-bottom: var(--space-48);--audio-btn-sec-size: var(--space-56);--audio-btn-play-size: var(--space-80);--audio-like-btn-size: var(--space-36);--audio-transport-offset: -40px;--audio-scale: 1;--bg-panel-min-h: 360px;--bg-panel-radius: var(--radius-lg);--bg-panel-pad: var(--space-32)}@media(max-width:640px){:root{--font-size-2xl: 28px;--line-height-2xl: 36px}}.tactile-glass-fx{position:relative;display:inline-flex;overflow:hidden;-webkit-tap-highlight-color:transparent}.tactile-btn{position:relative;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:auto;color:var(--text-primary);cursor:pointer;border:none;background:transparent;outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-sans);text-decoration:none;-webkit-user-select:none;user-select:none;flex-shrink:0;height:var(--btn-h);border-radius:var(--btn-radius);padding:0 var(--btn-pad-h);gap:var(--space-12);-webkit-tap-highlight-color:transparent}.tactile-btn:disabled{opacity:.4;cursor:not-allowed}.tactile-btn .btn-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;transition:font-size .2s ease}.tactile-btn .btn-icon{width:var(--icon-md);height:var(--icon-md);stroke:currentColor;stroke-width:2;fill:none;transition:transform .2s ease,width .2s ease,height .2s ease;flex-shrink:0}.tactile-btn:hover .btn-icon{transform:translate(var(--space-2))}.tactile-btn.btn-circle{width:var(--btn-h);height:var(--btn-h);padding:0;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;background:transparent;aspect-ratio:1 / 1}.tactile-btn.btn-circle:hover .btn-icon{transform:scale(1.12)}.tactile-switch{position:relative;pointer-events:auto;cursor:pointer;border:none;background:transparent;outline:none;padding:0;flex-shrink:0;box-sizing:border-box;width:var(--switch-w);height:var(--switch-h);border-radius:calc(var(--switch-h) / 2);-webkit-tap-highlight-color:transparent}.tactile-switch:focus-visible{outline:var(--space-2) solid var(--focus-ring-color);outline-offset:var(--space-2)}.tactile-switch:disabled{opacity:.4;cursor:not-allowed}.tactile-switch .switch-thumb{position:absolute;border-radius:var(--radius-full);background:transparent;box-shadow:none;width:var(--switch-thumb-size);height:var(--switch-thumb-size);top:var(--switch-pad);left:var(--switch-pad);transition:transform .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.tactile-switch.active .switch-thumb,.tactile-switch[aria-checked=true] .switch-thumb{transform:translate(var(--switch-travel))}.tactile-tabs{position:relative;display:inline-flex;align-items:center;max-width:100%;height:var(--tabs-h);padding:var(--space-4);background:transparent;border:none;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.tactile-tabs .tabs-indicator{position:absolute;left:0;top:var(--space-4);height:var(--tabs-item-h);border-radius:var(--radius-full);background:transparent;box-shadow:none;border:none;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);z-index:1}.tactile-tabs .tab-item{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);height:var(--tabs-item-h);padding:0 var(--space-24);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;outline:none;transition:color .15s ease;box-sizing:border-box;white-space:nowrap;-webkit-tap-highlight-color:transparent}.tactile-tabs .tab-item:hover,.tactile-tabs .tab-item.active{color:var(--text-primary)}.tactile-tabs .tab-item:disabled{opacity:.35;cursor:not-allowed;color:var(--text-muted)}.tactile-tabs .tab-item:focus-visible{outline:var(--space-2) solid var(--focus-ring-color);outline-offset:var(--space-2)}.tactile-prompt-box{position:relative;pointer-events:auto;width:min(100%,var(--prompt-box-w));border-radius:var(--prompt-box-radius);padding:var(--prompt-box-pad);background:transparent;border:none;outline:none;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-16);-webkit-user-select:none;user-select:none}.prompt-body{width:100%}.prompt-textarea{width:100%;min-height:var(--prompt-textarea-min-h);max-height:var(--prompt-textarea-max-h);border:none;outline:none;background:transparent;resize:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);caret-color:var(--text-primary);box-sizing:border-box;padding:0;margin:0}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4)}.prompt-pills-row{display:inline-flex;align-items:center;gap:var(--space-8)}.prompt-mention-btn{width:var(--prompt-pill-h);height:var(--prompt-pill-h);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:none;outline:none;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.prompt-mention-btn:hover{background:var(--bg-elevated-hover);color:var(--text-primary)}.prompt-mention-btn:active{background:var(--bg-elevated-active);transform:scale(.95)}.prompt-pill{height:var(--prompt-pill-h);padding:0 var(--space-16);border-radius:var(--radius-full);background:var(--bg-elevated);border:none;outline:none;display:inline-flex;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.prompt-pill:hover{background:var(--bg-elevated-hover);color:var(--text-primary)}.prompt-pill:active{background:var(--bg-elevated-active);transform:scale(.97)}.prompt-submit-btn{width:var(--prompt-submit-size);height:var(--prompt-submit-size);border-radius:var(--radius-full);background:var(--bg-elevated);border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .15s ease,opacity .2s ease}.prompt-submit-btn:hover{background:var(--bg-elevated-hover);transform:scale(1.04)}.prompt-submit-btn:active{background:var(--bg-elevated-active);transform:scale(.94)}.prompt-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.prompt-submit-icon{width:var(--icon-sm);height:var(--icon-sm);stroke:currentColor;stroke-width:2.2;fill:none}.tactile-heading-container{display:flex;flex-direction:column;max-width:var(--heading-max-w)}.tactile-heading-badge{margin-bottom:var(--space-16);display:inline-flex;align-items:center}.display-heading,.tactile-heading-title{font-family:var(--font-sans);color:var(--text-primary);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-display);line-height:var(--line-height-none);width:100%;-webkit-user-select:none;user-select:none;font-size:var(--font-size-display);text-wrap:balance;margin:0}.tactile-heading-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:var(--subtitle-max-w);margin-top:var(--space-16)}.tactile-glass-word{position:relative;display:inline-flex;align-items:baseline;justify-content:center;vertical-align:baseline;margin:0;padding:0;line-height:inherit;border:none;background:transparent;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tactile-card.tactile-credit-card{position:relative;border:none;background:transparent;outline:none;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;overflow:visible;aspect-ratio:1.5857;width:min(100%,var(--card-w));height:auto;padding:var(--card-pad);border-radius:var(--card-radius);transform-style:preserve-3d;transform:rotateX(0) rotateY(0) scaleZ(1);will-change:transform;-webkit-tap-highlight-color:transparent}.credit-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;box-sizing:border-box;pointer-events:none}.credit-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.credit-card-contactless{width:var(--icon-lg);height:var(--icon-lg);color:var(--card-icon-muted);transition:color .2s ease}.tactile-card:hover .credit-card-contactless{color:var(--card-text)}.credit-card-brand{display:flex;flex-direction:column;align-items:flex-end}.credit-card-bank-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-ultra);color:var(--card-text)}.credit-card-tier{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--card-icon-muted);text-transform:uppercase;margin-top:var(--space-4)}.credit-card-number{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-widest);color:var(--card-text);margin:var(--space-8) 0;-webkit-user-select:all;user-select:all}.credit-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;width:100%}.credit-card-field{display:flex;flex-direction:column}.credit-card-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--card-text);text-transform:uppercase}.credit-card-network{display:flex;align-items:center;position:relative;width:var(--card-network-w);height:var(--card-network-circle-size)}.network-circle{width:var(--card-network-circle-size);height:var(--card-network-circle-size);border-radius:var(--radius-full);position:absolute;border:none;-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2))}.network-circle-left{left:0;background:var(--card-network-left-bg)}.network-circle-right{right:0;background:var(--card-network-right-bg);mix-blend-mode:screen}.tactile-audio-player{position:relative;border:none;background:transparent;outline:none;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;overflow:visible;aspect-ratio:480 / 304;width:min(100%,var(--audio-w));height:auto;padding:var(--audio-pad-top) var(--audio-pad-h) var(--audio-pad-bottom);border-radius:var(--audio-radius);transform-style:flat;transform:perspective(var(--perspective-3d)) rotateX(0) rotateY(0) scaleZ(1);will-change:transform;-webkit-tap-highlight-color:transparent}.tactile-audio-player .audio-spectrum-front{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tactile-audio-player .audio-player-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;box-sizing:border-box;pointer-events:none}.tactile-audio-player .audio-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%}.tactile-audio-player .audio-track-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-snug);color:var(--text-primary)}.tactile-audio-player .audio-like-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--audio-like-btn-size);height:var(--audio-like-btn-size);padding:0;border:none;outline:none;background:transparent;color:var(--text-secondary);cursor:pointer;pointer-events:auto;transition:color .15s ease,transform .15s ease}.tactile-audio-player .audio-like-btn:hover,.tactile-audio-player .audio-like-btn[aria-pressed=true]{color:var(--text-primary)}.tactile-audio-player .audio-like-btn:hover{transform:scale(1.08)}.tactile-audio-player .audio-like-btn:active{transform:scale(.94)}.tactile-audio-player .audio-like-btn svg{width:var(--icon-md);height:var(--icon-md);fill:none;stroke:currentColor;stroke-width:1.75}.tactile-audio-player .audio-timeline-group{position:relative;z-index:3;display:flex;flex-direction:column;gap:var(--space-8);width:100%;pointer-events:auto}.tactile-audio-player .audio-progress-hit{position:relative;z-index:3;display:flex;align-items:center;width:100%;height:var(--space-4);padding:var(--space-8) 0;margin:calc(var(--space-8) * -1) 0;box-sizing:content-box;cursor:pointer;outline:none;pointer-events:auto;touch-action:none}.tactile-audio-player .audio-progress-track{position:relative;width:100%;height:var(--space-4);border-radius:var(--radius-full);background:var(--bg-elevated-hover);overflow:hidden;pointer-events:none}.tactile-audio-player .audio-progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-full);background:var(--text-primary);pointer-events:none}.tactile-audio-player .audio-time-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--space-16);line-height:var(--line-height-tight);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none}.tactile-audio-player .audio-controls-dock{position:absolute;left:50%;bottom:var(--audio-transport-offset);transform:translate(-50%) scale(var(--audio-scale));transform-origin:50% 50%;z-index:2;display:flex;align-items:center;pointer-events:auto}.tactile-audio-player .audio-transport-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--audio-btn-sec-size);height:var(--audio-btn-sec-size);border-radius:var(--radius-full);border:none;outline:none;background:transparent;color:var(--text-primary);cursor:pointer}.tactile-audio-player .audio-transport-btn svg{width:var(--icon-md);height:var(--icon-md);fill:none;stroke:currentColor;stroke-width:1.75}.tactile-audio-player .audio-play-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--audio-btn-play-size);height:var(--audio-btn-play-size);margin:0 calc(var(--space-4) * -1);border-radius:var(--radius-full);border:none;outline:none;background:transparent;color:var(--text-primary);cursor:pointer}.tactile-audio-player .audio-play-btn svg{width:var(--icon-lg);height:var(--icon-lg);fill:none;stroke:currentColor;stroke-width:1.75}.tactile-background{position:relative;width:100%;min-height:var(--bg-panel-min-h);padding:var(--bg-panel-pad);border-radius:var(--bg-panel-radius);border:none;background:transparent;outline:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:auto;overflow:hidden;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:var(--sidebar-nav-w) minmax(0,1fr) var(--sidebar-settings-w);grid-template-rows:auto 1fr auto;align-items:start;row-gap:var(--space-56);column-gap:var(--space-32);padding:var(--space-16);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#webgl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none}.site-header{grid-column:1 / -1;grid-row:1;width:100%;display:flex;align-items:center;gap:var(--space-16);padding:0}.site-header-brand{display:inline-flex;align-items:center;gap:var(--space-8);flex-shrink:0;text-decoration:none;color:inherit}body.landing-page{height:100dvh;min-height:100dvh;overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;row-gap:0}body.landing-page .site-header,body.landing-page .site-footer{position:relative;z-index:3;grid-column:1 / -1;margin:0;pointer-events:none}body.landing-page .site-header{grid-row:1}body.landing-page .site-footer{grid-row:3}body.landing-page .site-header-brand,body.landing-page .site-header-actions,body.landing-page .site-footer-links,body.landing-page .site-footer-link{pointer-events:auto}.hero-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;min-height:0;container-type:inline-size;border-radius:0;background:var(--bg-canvas);overflow:hidden;display:flex;align-items:stretch;justify-content:center;pointer-events:auto}.tactile-background.hero-background{position:relative;z-index:2;width:100%;height:100%;min-height:0;border-radius:0;flex-direction:column;align-items:center;justify-content:center;gap:min(var(--space-32),6dvh);padding:var(--space-56) var(--space-32);touch-action:none}.hero-title{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin:0;font-size:min(var(--font-size-display),16dvh);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-display);color:transparent;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-title-line{display:block;white-space:nowrap}.hero-subtitle{margin-top:calc(var(--space-16) * -1);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:var(--subtitle-max-w);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.site-header-actions{display:inline-flex;align-items:center;gap:var(--space-8);flex-shrink:0;margin-left:auto}.showcase-container{grid-column:2;grid-row:2;position:relative;min-width:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-16);box-sizing:border-box}.stage-header{display:flex;align-items:center;gap:var(--space-16);width:100%}.stage-title{flex:1;min-width:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-2xl);letter-spacing:var(--letter-spacing-tighter);color:var(--text-primary)}.stage-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:var(--subtitle-max-w)}.stage-block{position:relative;width:100%;flex:0 0 auto;container-type:inline-size;padding:var(--space-96) var(--space-32);border-radius:var(--radius-lg);background:var(--bg-canvas);border:1px solid var(--border-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:auto}.stage-block:has(#view-heading.active){padding:var(--space-80) var(--space-32)}.stage-block:has(#view-background.active){padding:0;border-color:transparent}.buttons-row{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-16)}.stage-view{position:relative;z-index:2;width:100%;display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-32);pointer-events:auto;opacity:0;transition:opacity .25s ease}.stage-view.active{display:flex;opacity:1}.nav-sidebar{grid-column:1;grid-row:2;position:sticky;top:var(--space-16);align-self:start;width:100%;background:transparent;border:none;display:flex;flex-direction:column;color:var(--text-primary);-webkit-user-select:none;user-select:none}.brand-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-snug);color:var(--text-primary)}.brand-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);background:transparent;border:none;padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);overflow:hidden}.nav-body{padding:0;display:flex;flex-direction:column;gap:var(--space-16)}.nav-group,.nav-list{display:flex;flex-direction:column;gap:var(--space-4)}.nav-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-md);background:transparent;border:none;outline:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);transition:background .15s ease,color .15s ease;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.nav-item:focus,.nav-item:focus-visible{outline:none}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-weight-medium)}.nav-item.active:hover{background:var(--bg-surface-hover)}.nav-item:active{background:var(--bg-surface-active)}.nav-item-icon{width:var(--space-32);height:var(--space-32);border-radius:var(--radius-md);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{color:var(--text-primary);background:var(--bg-elevated)}.nav-item.active:hover .nav-item-icon{background:var(--bg-elevated-hover)}.nav-item:active .nav-item-icon{background:var(--bg-elevated-active)}.nav-item-icon svg{width:var(--icon-sm);height:var(--icon-sm);stroke:currentColor}.lucide{width:var(--icon-sm);height:var(--icon-sm);stroke-width:2;stroke:currentColor;fill:none;vertical-align:middle}.nav-item-name{flex:1}.settings-sidebar{grid-column:3;grid-row:2;position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-8)}.settings-panel{width:100%;background:var(--bg-surface);border-radius:var(--radius-lg);color:var(--text-primary);overflow:hidden;font-size:var(--font-size-sm);flex-shrink:0}.panel-header{width:100%;padding:var(--space-20) var(--space-16);border:none;outline:none;background:transparent;color:var(--text-primary);font-family:inherit;display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-snug);cursor:pointer;text-align:left}.panel-header-chevron{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-sm);height:var(--icon-sm);color:var(--text-secondary);transform:rotate(180deg);transition:transform .2s ease,color .15s ease;flex-shrink:0}.panel-header:hover .panel-header-chevron{color:var(--text-primary)}.settings-panel[data-collapsed=true] .panel-header-chevron{transform:rotate(0)}.settings-panel[data-collapsed=true] .panel-body{display:none}.panel-body{padding:var(--space-4) var(--space-16) var(--space-16) var(--space-16);display:flex;flex-direction:column;gap:var(--space-16)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.state-segmented{display:flex;align-items:center;background:var(--bg-elevated);border-radius:var(--radius-full);padding:var(--space-2);gap:var(--space-2)}.state-btn{border:none;background:transparent;outline:none;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);cursor:pointer;transition:background .15s ease,color .15s ease}.state-btn:focus,.state-btn:focus-visible{outline:none}.state-btn:hover{color:var(--text-primary)}.state-btn.active{background:var(--bg-elevated-active);color:var(--text-primary)}.control-label{width:var(--inspector-label-w);color:var(--text-secondary);font-weight:var(--font-weight-regular)}.slider-wrap{flex:1;display:flex;align-items:center}.slider-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--space-4);border-radius:var(--space-2);background:var(--bg-elevated-hover);outline:none}.slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-full);background:var(--text-primary);cursor:pointer;transition:transform .1s ease}.slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.control-value{width:var(--inspector-value-w);text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium)}.reset-btn{margin-top:var(--space-4);display:inline-flex;align-items:center;justify-content:center;height:var(--control-h-md);padding:0 var(--space-16);width:100%;border:none;outline:none;font-family:inherit;background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease;text-align:center}.reset-btn:hover{background:var(--bg-elevated-hover);color:var(--text-primary)}.reset-btn:active{background:var(--bg-elevated-active);color:var(--text-primary)}.heading-stage-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:var(--heading-max-w);padding:0;gap:var(--space-16);box-sizing:border-box;pointer-events:auto}.heading-word-target{display:inline-block;color:transparent;background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;padding:0;margin:0;vertical-align:baseline}#view-card{perspective:var(--perspective-3d)}.stage-toolbar{width:auto;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12)}.stage-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);pointer-events:auto}.stage-action-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--control-h-md);padding:0 var(--space-16);gap:var(--space-8);border:none;outline:none;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease}.stage-action-btn:hover{background:var(--bg-surface-hover)}.stage-action-btn:active{background:var(--bg-surface-active);transform:scale(.97)}.stage-action-btn[data-copied=true]{background:var(--bg-surface-active)}.stage-action-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.stage-action-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.doc-sections{display:flex;flex-direction:column;gap:var(--space-32);margin-top:var(--space-16);width:100%;-webkit-user-select:text;user-select:text}.doc-section{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.doc-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.doc-section-desc{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.doc-section-desc code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-elevated);padding:var(--space-2) var(--space-8);border-radius:var(--radius-sm)}.doc-code-box{position:relative;width:100%;background:var(--bg-surface);border-radius:var(--radius-lg)}.doc-install-box{display:flex;align-items:center;padding:var(--space-12) var(--space-16) var(--space-12) var(--space-20);gap:var(--space-16)}.doc-install-cmd{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary)}.doc-quickstart-box{padding:var(--space-16) var(--space-56) var(--space-16) var(--space-20)}.doc-copy-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-sm);height:var(--control-h-sm);border:none;outline:none;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:color .15s ease}.doc-copy-icon-btn:hover,.doc-copy-icon-btn[data-copied=true]{color:var(--text-primary)}.doc-quickstart-copy{position:absolute;top:var(--space-12);right:var(--space-16)}.code-panel-pre{margin:0;padding:0;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-snug);overflow-x:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.code-panel-pre::-webkit-scrollbar{width:var(--space-4);height:var(--space-4)}.code-panel-pre::-webkit-scrollbar-thumb{background:var(--bg-elevated-active);border-radius:var(--space-2)}.site-footer{grid-column:1 / -1;grid-row:3;width:100%;display:flex;align-items:center;gap:var(--space-16);padding:0}.site-footer-copy{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-muted)}.site-footer-links{display:inline-flex;align-items:center;gap:var(--space-16);flex-shrink:0}.site-footer-link{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-muted);text-decoration:none;transition:color .15s ease}.site-footer-link svg{width:var(--icon-sm);height:var(--icon-sm);fill:currentColor;display:block}.site-footer-author{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.site-footer-link:hover{color:var(--text-primary)}@media(max-width:1120px){body{grid-template-columns:var(--sidebar-nav-w) minmax(0,1fr);grid-template-rows:none;row-gap:var(--space-16)}.site-header{grid-column:1 / -1;grid-row:1;order:1;margin-bottom:var(--space-32)}.nav-sidebar{grid-column:1;grid-row:2 / span 5;order:2}.showcase-container{display:contents}.stage-header,.stage-block,.stage-subtitle,.settings-sidebar,.doc-sections{grid-column:2;grid-row:auto}.stage-header{order:3}.stage-block{order:4;padding:var(--space-64) var(--space-24)}.stage-subtitle{order:5}.settings-sidebar{order:6;margin-top:var(--space-8)}.doc-sections{order:7}.site-footer{grid-column:1 / -1;grid-row:auto;order:8;margin-top:var(--space-32)}}@media(max-width:900px){body{grid-template-columns:minmax(0,1fr);row-gap:var(--space-16)}.site-header,.nav-sidebar,.stage-header,.stage-block,.stage-subtitle,.settings-sidebar,.doc-sections,.site-footer{grid-column:1;grid-row:auto}.nav-sidebar{position:relative;top:auto;gap:var(--space-12);margin-bottom:var(--space-8)}.nav-body,.nav-group{width:100%;min-width:0}.nav-list{flex-direction:row;align-items:center;gap:var(--space-8);overflow-x:auto;padding-bottom:var(--space-4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-list::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;width:auto;height:var(--control-h-md);padding:0 var(--space-16);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-surface-active);color:var(--text-primary)}.nav-item-icon{display:none}}@media(max-width:640px){.stage-block{padding:var(--space-64) var(--space-16)}}@media(max-height:560px){.nav-sidebar{position:relative;top:auto}}