.goey-spinnerSpin{animation:goey-spin 1s linear infinite}@keyframes goey-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-goey-toast-css]{--goey-toast: 1}.goey-wrapper{pointer-events:auto;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;width:fit-content}.goey-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))}.goey-content{position:relative;z-index:1;transition:padding .35s cubic-bezier(.4,0,.2,1)}.goey-contentCompact{padding:7px 10px}.goey-contentExpanded{padding:7px 10px 16px;max-width:380px}.goey-header{display:inline-flex;align-items:center;gap:8px;color:inherit}.goey-iconWrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;line-height:0}.goey-title{font-size:12px;font-weight:700;line-height:1;white-space:nowrap;color:inherit;padding:0 4px 0 2px}.goey-titleDefault{color:#555}.goey-titleSuccess{color:#4caf50}.goey-titleError{color:#e53935}.goey-titleWarning{color:#c49000}.goey-titleInfo{color:#1e88e5}.goey-titleLoading{color:#555}.goey-description{font-size:13px;font-weight:400;color:#444;line-height:1.55;margin-top:12px;overflow:hidden}.goey-actionWrapper{margin-top:12px;overflow:hidden}.goey-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}.goey-actionButton:focus:not(:focus-visible){outline:none}.goey-actionButton:focus-visible{outline:2px solid currentColor;outline-offset:2px}.goey-actionDefault{background:#e8e8e8;color:#555}.goey-actionDefault:hover{background:#dcdcdc}.goey-actionDefault:active{background:#d0d0d0}.goey-actionSuccess{background:#c8e6c9;color:#4caf50}.goey-actionSuccess:hover{background:#a5d6a7}.goey-actionSuccess:active{background:#81c784}.goey-actionError{background:#ffcdd2;color:#e53935}.goey-actionError:hover{background:#ef9a9a}.goey-actionError:active{background:#e57373}.goey-actionWarning{background:#ffecb3;color:#c49000}.goey-actionWarning:hover{background:#ffe082}.goey-actionWarning:active{background:#ffd54f}.goey-actionInfo{background:#bbdefb;color:#1e88e5}.goey-actionInfo:hover{background:#90caf9}.goey-actionInfo:active{background:#64b5f6}[data-sonner-toaster][data-theme=dark] .goey-blobSvg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 1px 4px rgba(0,0,0,.2))}[data-sonner-toaster][data-theme=dark] .goey-titleDefault{color:#ccc}[data-sonner-toaster][data-theme=dark] .goey-titleSuccess{color:#66bb6a}[data-sonner-toaster][data-theme=dark] .goey-titleError{color:#ef5350}[data-sonner-toaster][data-theme=dark] .goey-titleWarning{color:#ffb300}[data-sonner-toaster][data-theme=dark] .goey-titleInfo{color:#42a5f5}[data-sonner-toaster][data-theme=dark] .goey-titleLoading{color:#ccc}[data-sonner-toaster][data-theme=dark] .goey-description{color:#aaa}[data-sonner-toaster][data-theme=dark] .goey-actionDefault{background:#3a3a3a;color:#ccc}[data-sonner-toaster][data-theme=dark] .goey-actionDefault:hover{background:#444}[data-sonner-toaster][data-theme=dark] .goey-actionDefault:active{background:#4e4e4e}[data-sonner-toaster][data-theme=dark] .goey-actionSuccess{background:#1b5e20;color:#66bb6a}[data-sonner-toaster][data-theme=dark] .goey-actionSuccess:hover{background:#2e7d32}[data-sonner-toaster][data-theme=dark] .goey-actionSuccess:active{background:#388e3c}[data-sonner-toaster][data-theme=dark] .goey-actionError{background:#b71c1c;color:#ef5350}[data-sonner-toaster][data-theme=dark] .goey-actionError:hover{background:#c62828}[data-sonner-toaster][data-theme=dark] .goey-actionError:active{background:#d32f2f}[data-sonner-toaster][data-theme=dark] .goey-actionWarning{background:#4a3800;color:#ffb300}[data-sonner-toaster][data-theme=dark] .goey-actionWarning:hover{background:#5c4600}[data-sonner-toaster][data-theme=dark] .goey-actionWarning:active{background:#6e5400}[data-sonner-toaster][data-theme=dark] .goey-actionInfo{background:#0d47a1;color:#42a5f5}[data-sonner-toaster][data-theme=dark] .goey-actionInfo:hover{background:#1565c0}[data-sonner-toaster][data-theme=dark] .goey-actionInfo:active{background:#1976d2}: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}.nav-link--active{color:var(--text);background:var(--card)}.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-link--active{color:var(--text)}.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}.two-col{display:grid;grid-template-columns:5fr 7fr;gap:3rem;padding:2rem 0 3rem;border-top:1px solid var(--border);min-width:0}.two-col>*{min-width:0}.examples{padding:0;position:sticky;top:calc(var(--header-height) + 1.5rem);align-self:start}.examples-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2rem}.examples-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.examples-header span{font-size:.8rem;color:var(--text-muted)}.section{margin-bottom:1.75rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:.6rem;font-family:var(--font-body)}.buttons{display:flex;flex-wrap:wrap;gap:8px}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}.builder{padding:0}.builder-header{margin-bottom:2rem}.builder-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.builder-header p{color:var(--text-muted);font-size:.85rem}.builder-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}.builder-row{margin-bottom:1.5rem}.builder-row:last-child{margin-bottom:0}.builder-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:.5rem;display:block}.type-pills{display:flex;gap:6px;flex-wrap:wrap}.type-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}.type-pill:hover{border-color:var(--green);background:var(--green-soft);transform:none;box-shadow:none}.type-pill[data-active=true]{border-color:transparent}.type-pill[data-type=position][data-active=true]{background:var(--card-active);color:var(--text)}.type-pill[data-type=default][data-active=true]{background:var(--card);color:var(--text)}.type-pill[data-type=success][data-active=true]{background:var(--green-soft);color:var(--green)}.type-pill[data-type=error][data-active=true]{background:var(--red-soft);color:var(--red)}.type-pill[data-type=warning][data-active=true]{background:var(--amber-soft);color:#8d6e00}.type-pill[data-type=info][data-active=true]{background:var(--blue-soft);color:var(--blue)}.builder-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}.builder-input:focus{border-color:var(--text-muted)}.builder-input::placeholder{color:var(--text-muted)}textarea.builder-input{resize:vertical;min-height:60px;line-height:1.5}.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)}.style-controls{display:flex;flex-direction:column;gap:14px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-row-label{font-size:.85rem;color:var(--text)}.color-picker-group{display:flex;align-items:center;gap:8px}.color-input{-webkit-appearance:none;appearance:none;width:32px;height:32px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;padding:2px;background:var(--surface);flex-shrink:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:5px}.color-input::-moz-color-swatch{border:none;border-radius:5px}.color-hex{width:90px!important;font-family:var(--font-mono);font-size:.78rem!important;padding:6px 10px!important;text-align:center}.border-section{display:flex;flex-direction:column;gap:12px}.border-controls{display:flex;flex-direction:column;gap:12px;padding-left:0}.slider-group{display:grid;grid-template-columns:1fr;gap:14px}.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}.fire-btn{width:100%;padding:12px;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s ease}.fire-btn:hover{background:#333;transform:none;box-shadow:var(--shadow)}.fire-btn:active{background:#444;transform:none}.builder-code{margin-top:1.25rem;position:relative}.builder-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}.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}.doc-try-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.doc-try-buttons button{font-size:.75rem;padding:6px 12px;border-radius:100px;background:var(--card);color:var(--text-secondary);border:1px solid var(--border)}.doc-try-buttons button:hover{background:var(--card-hover);color:var(--text)}.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)}@media(max-width:840px){.two-col{grid-template-columns:1fr;gap:2rem}.examples{position:static}}@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}.two-col{gap:2.5rem;padding:1.5rem 0 2.5rem}.examples-header,.section,.builder-header{margin-bottom:1.25rem}.builder-card{padding:1.25rem;border-radius:14px}.builder-row{margin-bottom:1.25rem}.builder-code pre{font-size:.72rem;padding:1rem}.color-row{flex-wrap:wrap;gap:8px}.slider-group{grid-template-columns:1fr}.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}.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}.page-changelog{padding:1.5rem 0 4rem}.page-changelog .changelog-header h1{font-size:2rem}.page-changelog .changelog-header{margin-bottom:1.5rem}}