.gooey-search-tabs-wrapper{--gst-bg: #ffffff;--gst-text: #374151;--gst-input-text: #1f2937;--gst-placeholder: #9ca3af;--gst-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--gst-hover: rgba(0, 0, 0, .04);--gst-focus-ring: #6366f1;--gst-tab-indicator-bg: rgba(0, 0, 0, .06);--gst-tab-active-text: #1f2937;--gst-bridge-bg: #ffffff;display:inline-flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.gooey-search-tabs-bar{display:inline-flex;align-items:center;height:44px;border-radius:999px;background:var(--gst-bg);box-shadow:var(--gst-shadow);padding:0 4px;flex-shrink:0}.gooey-search-tabs-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--gst-text);cursor:pointer;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.gooey-search-tabs-trigger:hover{background:var(--gst-hover)}.gooey-search-tabs-trigger:focus-visible{outline:2px solid var(--gst-focus-ring);outline-offset:2px}.gooey-search-tabs-right-slot{display:grid;align-items:center;justify-items:end;min-width:0;overflow:hidden;border-radius:999px;height:44px;background:var(--gst-bg);box-shadow:var(--gst-shadow)}.gooey-search-tabs-right-slot>*{grid-area:1 / 1;min-width:0}.gooey-search-tabs-tabs-content{display:flex;align-items:stretch;gap:2px;height:44px;padding:4px}.gooey-search-tabs-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-radius:999px;border:none;background:transparent;color:var(--gst-text);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}.gooey-search-tabs-tab:hover{background:var(--gst-hover)}.gooey-search-tabs-tab:focus-visible{outline:2px solid var(--gst-focus-ring);outline-offset:-2px}.gooey-search-tabs-tab-indicator{position:absolute;inset:0;border-radius:999px;background:var(--gst-tab-indicator-bg);z-index:0}.gooey-search-tabs-tab-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px}.gooey-search-tabs-tab[aria-selected=true]{color:var(--gst-tab-active-text)}.gooey-search-tabs-tab-icon{display:flex;align-items:center;font-size:14px;line-height:0}.gooey-search-tabs-close-content{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--gst-text);cursor:pointer;border-radius:999px;outline:none;-webkit-tap-highlight-color:transparent;justify-self:end;background-clip:content-box;padding:4px;transition:background .15s ease}.gooey-search-tabs-close-content:hover{background:var(--gst-hover);background-clip:content-box}.gooey-search-tabs-close-content:focus-visible{outline:2px solid var(--gst-focus-ring);outline-offset:2px}.gooey-search-tabs-input-wrapper{display:flex;align-items:center;overflow:hidden}.gooey-search-tabs-input{width:100%;border:none;background:transparent;font-size:14px;font-family:inherit;color:var(--gst-input-text);outline:none;padding:8px 0 8px 12px}.gooey-search-tabs-input::placeholder{color:var(--gst-placeholder)}.gooey-search-tabs-wrapper[data-gooey] .gooey-search-tabs-bar,.gooey-search-tabs-wrapper[data-gooey] .gooey-search-tabs-right-slot{box-shadow:none}.gooey-search-tabs-bridge{background:var(--gst-bridge-bg);align-self:center;flex-shrink:0}.gooey-search-tabs-wrapper[data-theme=dark]{--gst-bg: #1e1e1e;--gst-text: #d1d5db;--gst-input-text: #e5e7eb;--gst-placeholder: #6b7280;--gst-shadow: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--gst-hover: rgba(255, 255, 255, .08);--gst-focus-ring: #818cf8;--gst-tab-indicator-bg: rgba(255, 255, 255, .1);--gst-tab-active-text: #f3f4f6;--gst-bridge-bg: #1e1e1e}.gooey-spinnerSpin{animation:gooey-spin 1s linear infinite}@keyframes gooey-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-sonner-toast][data-x-position=center]{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:fit-content!important}[data-gooey-toast-css]{--gooey-toast: 1}[data-sonner-toast][data-expanded=true]{transition:transform .15s,opacity .4s,height .15s,box-shadow .2s!important}.gooey-wrapper{pointer-events:auto;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;width:fit-content}.gooey-blobSvg{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.06)) drop-shadow(0 1px 4px rgba(0,0,0,.04))}.gooey-content{position:relative;z-index:1;transition:padding .35s cubic-bezier(.4,0,.2,1)}.gooey-contentCompact{padding:7px 10px}.gooey-contentExpanded{padding:7px 10px 16px;min-width:300px;max-width:380px}.gooey-header{display:inline-flex;align-items:center;gap:8px;color:inherit}.gooey-iconWrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;line-height:0}.gooey-title{font-size:12px;font-weight:700;line-height:1;white-space:nowrap;color:inherit;padding:0 4px 0 2px}.gooey-titleDefault{color:#555}.gooey-titleSuccess{color:#4caf50}.gooey-titleError{color:#e53935}.gooey-titleWarning{color:#c49000}.gooey-titleInfo{color:#1e88e5}.gooey-titleLoading{color:#555}.gooey-timestamp{font-size:11px;font-weight:400;color:#999;white-space:nowrap;line-height:1;padding-left:6px}.gooey-description{font-size:13px;font-weight:400;color:#444;line-height:1.55;margin-top:16px;overflow:hidden}.gooey-actionWrapper{margin-top:12px;overflow:hidden}.gooey-actionButton{display:block;box-sizing:border-box;width:100%;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;outline:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.gooey-actionButton:focus:not(:focus-visible){outline:none}.gooey-actionButton:focus-visible{outline:2px solid currentColor;outline-offset:2px}.gooey-actionDefault{background:#e8e8e8;color:#555}.gooey-actionDefault:hover{background:#dcdcdc}.gooey-actionDefault:active{background:#d0d0d0}.gooey-actionSuccess{background:#c8e6c9;color:#4caf50}.gooey-actionSuccess:hover{background:#a5d6a7}.gooey-actionSuccess:active{background:#81c784}.gooey-actionError{background:#ffcdd2;color:#e53935}.gooey-actionError:hover{background:#ef9a9a}.gooey-actionError:active{background:#e57373}.gooey-actionWarning{background:#ffecb3;color:#c49000}.gooey-actionWarning:hover{background:#ffe082}.gooey-actionWarning:active{background:#ffd54f}.gooey-actionInfo{background:#bbdefb;color:#1e88e5}.gooey-actionInfo:hover{background:#90caf9}.gooey-actionInfo:active{background:#64b5f6}.gooey-progressWrapper{margin-top:10px;overflow:hidden;border-radius:2px;height:3px;background:#0000000f}.gooey-progressBar{height:100%;border-radius:2px;transform-origin:left center;animation:gooey-progress-shrink var(--gooey-progress-duration, 4s) linear forwards;animation-play-state:running}.gooey-progressPaused .gooey-progressBar{animation-play-state:paused}@keyframes gooey-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.gooey-progressDefault{background:#999}.gooey-progressSuccess{background:#4caf50}.gooey-progressError{background:#e53935}.gooey-progressWarning{background:#c49000}.gooey-progressInfo{background:#1e88e5}.gooey-wrapper[data-theme=dark] .gooey-blobSvg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 1px 4px rgba(0,0,0,.2))}.gooey-wrapper[data-theme=dark] .gooey-titleDefault{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-titleSuccess{color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-titleError{color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-titleWarning{color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-titleInfo{color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-titleLoading{color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-timestamp{color:#777}.gooey-wrapper[data-theme=dark] .gooey-description{color:#e0e0e0}.gooey-wrapper[data-theme=dark] .gooey-actionDefault{background:#3a3a3a;color:#ccc}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:hover{background:#444}.gooey-wrapper[data-theme=dark] .gooey-actionDefault:active{background:#4e4e4e}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess{background:#1b5e20;color:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:hover{background:#2e7d32}.gooey-wrapper[data-theme=dark] .gooey-actionSuccess:active{background:#388e3c}.gooey-wrapper[data-theme=dark] .gooey-actionError{background:#b71c1c;color:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-actionError:hover{background:#c62828}.gooey-wrapper[data-theme=dark] .gooey-actionError:active{background:#d32f2f}.gooey-wrapper[data-theme=dark] .gooey-actionWarning{background:#4a3800;color:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:hover{background:#5c4600}.gooey-wrapper[data-theme=dark] .gooey-actionWarning:active{background:#6e5400}.gooey-wrapper[data-theme=dark] .gooey-actionInfo{background:#0d47a1;color:#42a5f5}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:hover{background:#1565c0}.gooey-wrapper[data-theme=dark] .gooey-actionInfo:active{background:#1976d2}.gooey-wrapper[data-theme=dark] .gooey-progressWrapper{background:#ffffff1a}.gooey-wrapper[data-theme=dark] .gooey-progressDefault{background:#888}.gooey-wrapper[data-theme=dark] .gooey-progressSuccess{background:#66bb6a}.gooey-wrapper[data-theme=dark] .gooey-progressError{background:#ef5350}.gooey-wrapper[data-theme=dark] .gooey-progressWarning{background:#ffb300}.gooey-wrapper[data-theme=dark] .gooey-progressInfo{background:#42a5f5}:root{--bg: #FAFAF7;--surface: #ffffff;--card: #F2F1EC;--card-hover: #EAEAE4;--card-active: #E2E2DB;--border: #E8E7E2;--border-subtle: #EDECE7;--text: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #9a9a9a;--accent: #1a1a1a;--green: #2E7D32;--green-soft: #E8F5E9;--red: #C62828;--red-soft: #FFEBEE;--amber: #F9A825;--amber-soft: #FFF8E1;--blue: #1565C0;--blue-soft: #E3F2FD;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow: 0 4px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--header-height: 56px}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--card-hover) transparent}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-hover);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--card-active)}pre::-webkit-scrollbar,.table-scroll::-webkit-scrollbar{height:4px}pre::-webkit-scrollbar-track,.table-scroll::-webkit-scrollbar-track{background:transparent;margin:0 8px}pre::-webkit-scrollbar-thumb,.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}pre::-webkit-scrollbar-thumb:hover,.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--card-active)}html{overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1120px;margin:0 auto;padding:0 2.5rem}.site-header{position:sticky;top:0;z-index:100;background:#fafaf7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin:0 -2.5rem;padding:0 2.5rem}.header-inner{display:flex;align-items:center;height:var(--header-height);gap:2rem}.header-logo{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text);background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;border-radius:0;display:inline-flex;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.header-logo:hover{background:none;transform:none;box-shadow:none;opacity:.7}.header-logo:active{background:none;transform:none;box-shadow:none}.header-mascot{width:0;height:22px;object-fit:contain;opacity:0;transform:scale(0) rotate(-15deg);filter:blur(8px);transition:all .5s cubic-bezier(.16,1,.3,1);margin-left:0;pointer-events:none}.header--hero-hidden .header-logo{font-size:1.05rem;background:linear-gradient(135deg,#1a1a1a,#4caf50,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:header-text-in .5s cubic-bezier(.16,1,.3,1);transform-origin:left center}@keyframes header-text-in{0%{transform:scale(.85);opacity:.4;filter:blur(4px)}40%{filter:blur(0);opacity:1}55%{transform:scaleX(1.06) scaleY(.95)}70%{transform:scaleX(.97) scaleY(1.03)}85%{transform:scaleX(1.02) scaleY(.99)}to{transform:scaleX(1) scaleY(1)}}.header--hero-hidden .header-mascot{width:22px;opacity:1;transform:scale(1) rotate(0);filter:blur(0);margin-left:6px;animation:mascot-land .7s cubic-bezier(.22,1,.36,1),squish 4s ease-in-out .7s infinite;transform-origin:center bottom}@keyframes mascot-land{0%{transform:scale(0) rotate(-20deg) translateY(-30px);filter:blur(10px);opacity:0}30%{filter:blur(0);opacity:1}45%{transform:scale(1.3) rotate(4deg) translateY(3px)}60%{transform:scaleX(1.15) scaleY(.85) rotate(-2deg) translateY(0)}75%{transform:scaleX(.9) scaleY(1.1) rotate(1deg)}90%{transform:scaleX(1.04) scaleY(.97) rotate(0)}to{transform:scale(1) rotate(0)}}.header-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{background:none;border:none;padding:6px 12px;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .15s ease;font-family:var(--font-body)}.nav-link:hover{color:var(--text);background:var(--card);transform:none;box-shadow:none}.nav-link:active{background:var(--card-hover);transform:none;box-shadow:none}.header-icons{display:flex;align-items:center;gap:4px}.header-icon-link{display:inline-flex;align-items:center;gap:6px;padding:6px;color:var(--text-muted);border-radius:8px;transition:all .15s ease;text-decoration:none;font-size:.82rem;font-weight:500;font-family:var(--font-body)}.header-icon-link:hover{color:var(--text);background:var(--card)}.mobile-menu-btn{display:none;background:none;border:none;padding:6px;color:var(--text);cursor:pointer;margin-left:auto;border-radius:8px}.mobile-menu-btn:hover{background:var(--card);transform:none;box-shadow:none}.mobile-menu-btn:active{transform:none;box-shadow:none}.mobile-menu{display:none;flex-direction:column;padding:8px 0 16px;border-top:1px solid var(--border-subtle)}.mobile-menu-link{background:none;border:none;padding:10px 0;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;font-family:var(--font-body);transition:color .15s ease;border-radius:0}.mobile-menu-link:hover{color:var(--text);background:none;transform:none;box-shadow:none}.mobile-menu-link:active{background:none;transform:none;box-shadow:none}.mobile-menu-divider{height:1px;background:var(--border-subtle);margin:8px 0}.mobile-menu-icons{display:flex;gap:16px;padding-top:4px}.hero{padding:4rem 0 3.5rem;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 14px 6px 10px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.hero-badge span{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-display);font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a1a,#4caf50,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;width:fit-content}.hero-mascot{width:80px;height:80px;object-fit:contain;flex-shrink:0;margin-left:12px;margin-top:-16px;margin-bottom:-16px;animation:squish 4s ease-in-out infinite;transform-origin:center bottom}@keyframes squish{0%,to{transform:scaleX(1) scaleY(1)}15%{transform:scaleX(1.08) scaleY(.92)}30%{transform:scaleX(.93) scaleY(1.06)}45%{transform:scaleX(1.05) scaleY(.95)}60%{transform:scaleX(.97) scaleY(1.03)}75%{transform:scaleX(1.02) scaleY(.98)}}.hero-title--landing{animation:title-return .45s cubic-bezier(.16,1,.3,1) forwards;transform-origin:left center}@keyframes title-return{0%{transform:scale(.5) translateY(-8px);filter:blur(4px);opacity:0}35%{filter:blur(0);opacity:1}60%{transform:scaleX(1.05) scaleY(.96) translateY(0)}85%{transform:scaleX(.99) scaleY(1.01)}to{transform:scaleX(1) scaleY(1)}}.hero-mascot--landing{animation:mascot-return .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes mascot-return{0%{transform:scale(0) rotate(12deg) translateY(-16px);filter:blur(6px);opacity:0}35%{filter:blur(0);opacity:1}60%{transform:scale(1.12) rotate(-2deg) translateY(0)}85%{transform:scale(.97) rotate(0)}to{transform:scaleX(1) scaleY(1) rotate(0)}}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:480px}.hero-install{margin-top:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.install-wrapper{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.install-wrapper code{font-family:var(--font-mono);font-size:.85rem;padding:10px 16px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.install-wrapper code .prompt{color:var(--text-muted);-webkit-user-select:none;user-select:none}.copy-btn{background:none;border:none;border-left:1px solid var(--border);padding:10px 12px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s ease;border-radius:0;font-size:.8rem;outline:none;-webkit-tap-highlight-color:transparent}.copy-btn:hover{background:var(--card);color:var(--text-secondary);transform:none;box-shadow:none;border-left-color:var(--border)}.copy-btn:focus,.copy-btn:focus-visible{outline:none;box-shadow:none;border-left:1px solid var(--border)}.copy-btn:active{background:var(--card-hover);transform:none;outline:none;box-shadow:none}.bmc-btn{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:42px;font-size:15px;font-weight:700;font-family:Cookie,cursive;background:#fd0;color:#000;border-radius:var(--radius-sm);text-decoration:none;line-height:1;white-space:nowrap;flex-shrink:0;transition:transform .15s ease}.bmc-btn:hover{transform:scale(1.05)}.playground-section{padding:2.5rem 0 3rem;border-top:1px solid var(--border)}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap}button{background:var(--card);color:var(--text);border:none;border-radius:100px;padding:9px 16px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-body);letter-spacing:-.01em;outline:none;-webkit-tap-highlight-color:transparent}button:hover{background:var(--card-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px #4caf50}button:focus:not(:focus-visible){box-shadow:none}button:active{transform:translateY(0);background:var(--card-active);box-shadow:none}:where(.gooey-search-tabs-wrapper) button{background:transparent;padding:0;border:none;border-radius:0;font-size:inherit;font-weight:inherit;letter-spacing:normal;transition:none;transform:none;box-shadow:none}:where(.gooey-search-tabs-wrapper) button:hover,:where(.gooey-search-tabs-wrapper) button:active{background:transparent;transform:none;box-shadow:none}:where(.gooey-search-tabs-wrapper) button:focus,:where(.gooey-search-tabs-wrapper) button:focus-visible{outline:none;box-shadow:none}.preset-pill{padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:500;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.preset-pill:hover{border-color:var(--green);background:var(--green-soft);transform:none;box-shadow:none}.preset-pill[data-active=true]{border-color:transparent;background:var(--card-active);color:var(--text)}.docs{padding:3.5rem 0 6rem;border-top:1px solid var(--border)}.docs-header{margin-bottom:3rem}.docs-header h2{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.docs-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.doc-section{margin-bottom:2.5rem;display:grid;grid-template-columns:160px 1fr;gap:2rem;min-width:0}.doc-section-content{min-width:0}.doc-section-label{padding-top:2px}.doc-section-label h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:2px}.doc-section-label .doc-number{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.doc-section-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin-bottom:.75rem}pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;overflow-x:auto;font-size:.78rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.75rem;box-shadow:var(--shadow-sm);max-width:100%}code{font-family:var(--font-mono)}.inline-code{background:var(--card);padding:2px 7px;border-radius:5px;font-size:.78rem;color:var(--text);font-family:var(--font-mono);font-weight:500}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:.75rem}.table-scroll .prop-table{margin-bottom:0}.prop-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-bottom:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.prop-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:10px 14px;background:var(--bg);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.prop-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.prop-table tr:last-child td{border-bottom:none}.prop-table td:first-child{font-family:var(--font-mono);color:var(--text);font-weight:500;font-size:.76rem;white-space:nowrap}.playground-header{margin-bottom:2rem}.playground-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.playground-header p{color:var(--text-muted);font-size:.85rem}.playground-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow);width:100%;min-width:0;overflow:hidden}.playground-preview{display:flex;align-items:center;background:var(--card);border-radius:12px;padding:2.5rem 2rem;min-height:108px;border:1px solid var(--border);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.playground-preview>*{margin-inline:auto;flex-shrink:0}.playground-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.playground-right-controls{display:flex;flex-direction:column}.playground-row{margin-bottom:1.5rem}.playground-row:last-child{margin-bottom:0}.playground-row--split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.playground-split-col{display:flex;flex-direction:column}.playground-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:.5rem;display:block}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-row-label{font-size:.85rem;color:var(--text)}.toggle{width:40px;height:22px;background:var(--card);border-radius:100px;border:none;padding:2px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle:hover{transform:none;box-shadow:none}.toggle[data-on=true]{background:var(--green)}.toggle-knob{width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle[data-on=true] .toggle-knob{transform:translate(18px)}.slider-item{display:flex;flex-direction:column;gap:6px}.slider-item-header{display:flex;justify-content:space-between;align-items:center}.slider-item-label{font-size:.78rem;color:var(--text-secondary)}.slider-item-value{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);background:var(--card);padding:2px 6px;border-radius:4px}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--card);border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);cursor:pointer;box-shadow:0 1px 4px #00000026;transition:transform .1s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);cursor:pointer;border:none;box-shadow:0 1px 4px #00000026}.playground-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-size:.85rem;font-family:var(--font-body);color:var(--text);outline:none;transition:border-color .15s ease}.playground-input:focus{border-color:var(--text-muted)}.playground-input::placeholder{color:var(--text-muted)}.tab-editor{display:flex;flex-direction:column;gap:8px}.tab-editor-row{display:flex;align-items:center;gap:8px}.tab-editor-row .playground-input{flex:1}.tab-remove-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;color:var(--text-muted);flex-shrink:0;font-size:1rem}.tab-remove-btn:hover{background:var(--red-soft);color:var(--red);border-color:transparent;transform:none;box-shadow:none}.add-tab-btn{padding:8px 16px;border-radius:100px;font-size:.78rem;font-weight:500;border:1.5px dashed var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;align-self:flex-start}.add-tab-btn:hover{border-color:var(--green);color:var(--green);background:var(--green-soft);transform:none;box-shadow:none}.playground-code{margin-top:1.25rem;position:relative}.playground-code pre{margin-bottom:0}.code-copy-btn{position:absolute;top:10px;right:10px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:.7rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease;outline:none;-webkit-tap-highlight-color:transparent}.code-copy-btn:hover{background:var(--card-hover);color:var(--text-secondary);transform:none;box-shadow:none}.code-copy-btn:focus,.code-copy-btn:focus-visible{outline:none;box-shadow:none}.code-copy-btn:active{outline:none;box-shadow:none}.page-changelog{padding:2rem 0 6rem}.back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:6px 12px 6px 8px;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .15s ease;font-family:var(--font-body);margin-bottom:2rem;margin-left:-8px}.back-link:hover{color:var(--text);background:var(--card);transform:none;box-shadow:none}.back-link:active{background:var(--card-hover);transform:none;box-shadow:none}.page-changelog .changelog-header{margin-bottom:2.5rem}.page-changelog .changelog-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.page-changelog .changelog-header p{color:var(--text-secondary);font-size:.95rem}.changelog-entry{display:grid;grid-template-columns:160px 1fr;gap:2rem;padding:1.5rem 0;min-width:0}.changelog-entry+.changelog-entry{border-top:1px solid var(--border-subtle)}.changelog-version{display:flex;flex-direction:column;gap:4px}.changelog-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--green);background:var(--green-soft);padding:4px 10px;border-radius:6px;width:fit-content}.changelog-date{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.changelog-body h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.75rem}.changelog-body ul{list-style:none;display:flex;flex-direction:column;gap:6px}.changelog-body li{font-size:.85rem;color:var(--text-secondary);line-height:1.6;padding-left:16px;position:relative}.changelog-body li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--border)}.nav-link--active,.mobile-menu-link--active{color:var(--text);font-weight:600}.site-footer{text-align:center;padding:2rem 0 3rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-muted)}.site-footer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.site-footer a:hover{color:var(--text)}@media(max-width:840px){.playground-controls{grid-template-columns:1fr}}@media(max-width:700px){.header-nav,.header-icons{display:none}.mobile-menu-btn,.mobile-menu{display:flex}}@media(max-width:640px){#root{padding:0 1.25rem}.site-header{margin:0 -1.25rem;padding:0 1.25rem}.hero{padding:2.5rem 0 2rem}.hero h1{font-size:2.5rem}.hero-mascot{width:48px;height:48px;margin-left:8px}.hero-description{font-size:.95rem;max-width:100%}.hero-install{margin-top:1.5rem}.install-wrapper{max-width:100%}.install-wrapper code{font-size:.78rem;padding:9px 12px}.playground-section{padding:1.5rem 0 2.5rem}.playground-header{margin-bottom:1.25rem}.playground-card{padding:1.25rem;border-radius:14px}.playground-preview{padding:2rem 1.25rem}.playground-row{margin-bottom:1.25rem}.playground-code pre{font-size:.72rem;padding:1rem}.docs{padding:2.5rem 0 4rem}.docs-header{margin-bottom:2rem}.docs-header h2{font-size:1.5rem}.doc-section,.changelog-entry{grid-template-columns:1fr;gap:.75rem}.page-changelog{padding:1.5rem 0 4rem}.page-changelog .changelog-header h1{font-size:2rem}.page-changelog .changelog-header{margin-bottom:1.5rem}.doc-section-label{display:flex;align-items:center;gap:8px}.doc-section-label .doc-number{order:-1}pre{padding:1rem;font-size:.72rem;border-radius:var(--radius-sm)}.prop-table{min-width:480px}}