:root{--page-bg:#09111f;--panel-bg:#0b1323ad;--panel-border:#ffffff14;--text-primary:#f4f7ff;--text-secondary:#dee5ffb8;--text-muted:#d4dbf28a;--button-bg:#ffffff14;--button-border:#ffffff1a;--button-bg-hover:#ffffff24;--accent:#78d5ff;--accent-strong:#8cf0c4;--shadow-soft:0 25px 70px #0408146b;--page-grid-line:#ffffff08;--panel-overlay-top:#ffffff14;--panel-overlay-bottom:#ffffff08;--button-hover-border:#ffffff2e;--toast-progress-end:#fffffff5;--toast-surface-bg:#19191e8c;--toast-surface-overlay:#19191e38;--toast-surface-border:#ffffff1a;--toast-surface-border-strong:#ffffff2e;--toast-surface-shadow:0 10px 30px #00000040;--toast-surface-shadow-hover:0 18px 42px #00000057;--toast-text-primary:#f9fafff5;--toast-highlight-top:#ffffff29;--toast-highlight-bottom:#ffffff05;--toast-gradient-highlight-top:#ffffff38;--toast-gradient-highlight-bottom:#ffffff0a;--toast-control-bg:#ffffff1f;--toast-control-bg-hover:#ffffff2e;--toast-control-border:#ffffff1f;--toast-control-highlight:#ffffff1f;--toast-control-sheen-top:#ffffff2e;--toast-control-sheen-bottom:#ffffff0d;--toast-progress-track:#ffffff14;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--font-sans:"Avenir Next", "SF Pro Display", "Segoe UI", sans-serif;--font-display:"Clash Display", "Avenir Next", "SF Pro Display", sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overflow-x:clip}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background:radial-gradient(circle at 0 0,#4778ff42,#0000 28%),radial-gradient(circle at 100% 0,#26d39333,#0000 24%),radial-gradient(circle at bottom,#ff855c2e,#0000 28%),linear-gradient(160deg,#09111f 0%,#0d1324 40%,#111a2d 100%);margin:0;transition:background .42s,color .32s;overflow-x:clip}body:before{content:"";background-image:linear-gradient(var(--page-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--page-grid-line) 1px, transparent 1px);pointer-events:none;background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 100%);mask-image:radial-gradient(circle,#000 38%,#0000 100%)}#root{min-height:100vh;position:relative;overflow-x:clip}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.playground-shell{min-height:100vh;padding:110px 20px 28px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));place-items:center;display:grid}.search-focus-overlay{z-index:30;-webkit-backdrop-filter:blur(10px)saturate(112%);background:#060a1657;position:fixed;inset:0}.search-hub{z-index:40;width:min(760px,100vw - 32px);position:fixed;top:18px;left:50%;transform:translate(-50%)}.search-input{border:1px solid var(--button-border);background:#0b1323b8;background:color-mix(in srgb, var(--panel-bg) 84%, transparent);width:100%;height:52px;color:var(--text-primary);-webkit-backdrop-filter:blur(16px)saturate(112%);border-radius:14px;padding:0 16px;font-size:1rem;box-shadow:0 18px 48px #04081447}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--button-hover-border);outline:none}.search-suggestions{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#0f1729;margin-top:10px;overflow:hidden;box-shadow:0 24px 60px #050a1847}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.search-focus-overlay{background:#060a169e}.search-input{background:#0b1323e6}.search-suggestions{background:#0b1323f0}:root[data-theme=light] .search-focus-overlay,:root:not([data-theme]) .search-focus-overlay{background:#dce7f8b8}:root[data-theme=light] .search-input,:root:not([data-theme]) .search-input{background:#f2f7fff0}:root[data-theme=light] .search-suggestions,:root:not([data-theme]) .search-suggestions{background:#f6fafffa}}:root[data-theme=light] .search-focus-overlay,:root:not([data-theme]) .search-focus-overlay{background:#e7effc70}.search-suggestion{border:0;border-bottom:1px solid var(--panel-border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;gap:3px;padding:12px 14px;display:grid}.search-suggestion:last-child{border-bottom:0}.search-suggestion:hover,.search-suggestion:focus-visible{background:#343d52}.search-suggestion-title{font-size:.92rem;font-weight:600}.search-suggestion-desc{color:var(--text-muted);font-size:.8rem}.search-empty{color:var(--text-muted);padding:14px;font-size:.85rem}.docs-sections-nav{z-index:24;border:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel-bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:14px;width:188px;padding:12px;position:fixed;top:54%;right:18px;transform:translateY(-50%)}.docs-sections-head{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem}.docs-sections-nav ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.docs-sections-nav button{text-align:left;width:100%;color:var(--text-secondary);text-transform:capitalize;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-height:32px;padding:0 10px;transition:background .18s,color .18s,border-color .18s}.docs-sections-nav button:hover,.docs-sections-nav button.is-active{background:var(--button-bg-hover);color:var(--text-primary);border-color:var(--button-hover-border)}.search-detail-screen{z-index:45;border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:#252c39;width:min(920px,100vw - 32px);padding:18px;position:fixed;inset:96px 50% auto auto;transform:translate(50%);box-shadow:0 24px 64px #04081466}.search-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-detail-head h2{text-transform:capitalize;margin:0;font-size:1.05rem}.search-detail-head p{color:var(--text-muted);margin:6px 0 0;font-size:.88rem}.search-detail-close{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;min-height:34px;padding:0 12px}.search-detail-code{border:1px solid var(--panel-border);max-height:280px;color:var(--text-secondary);font-family:var(--font-mono);background:#1d2330;border-radius:12px;margin:14px 0 0;padding:14px;font-size:.82rem;line-height:1.6;overflow:auto}.search-detail-code code{white-space:pre}.search-detail-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.search-detail-actions button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-primary);cursor:pointer;border-radius:10px;min-height:38px;padding:0 14px}.search-detail-actions button:hover{background:var(--button-bg-hover);border-color:var(--button-hover-border)}.playground-panel{border-radius:var(--radius-xl);border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--panel-overlay-top), var(--panel-overlay-bottom)), var(--panel-bg);width:min(980px,100%);min-width:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);padding:34px}.playground-topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.playground-brand{align-items:center;gap:10px;width:100%;min-width:0;display:inline-flex}.playground-kicker{min-width:0;max-width:100%;min-height:34px;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 14px;font-size:.72rem;display:inline-flex;overflow:hidden}.playground-links{align-items:center;gap:8px;display:inline-flex}.playground-link{border:1px solid var(--button-border);width:34px;height:34px;color:var(--text-secondary);background:var(--button-bg);-webkit-backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.playground-link svg{width:16px;height:16px}.playground-link-text{letter-spacing:.08em;width:auto;min-width:50px;padding:0 12px;font-size:.68rem;font-weight:700}.playground-link:hover,.playground-link:focus-visible{color:var(--text-primary);background:var(--button-bg-hover);border-color:var(--button-hover-border);transform:translateY(-1px)}.package-counter{border:1px solid var(--button-border);height:34px;color:var(--text-secondary);background:var(--button-bg);letter-spacing:.04em;-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.package-counter svg{width:14px;height:14px}.package-counter:hover{color:var(--text-primary);background:var(--button-bg-hover);border-color:var(--button-hover-border);transform:translateY(-1px)}.theme-switch{border:1px solid var(--button-border);background:var(--button-bg);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:6px;padding:5px;display:inline-flex}.theme-switch button{min-width:72px;min-height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 14px;transition:background .22s,color .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1)}.theme-switch button.is-active{color:var(--text-primary);background:linear-gradient(135deg,#78d5ff47,#8cf0c433);border-color:#78d5ff3d}.theme-switch button:hover,.theme-switch button:focus-visible{color:var(--text-primary);transform:translateY(-1px)}.playground-panel h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.06em;margin:18px 0 16px;font-size:clamp(3rem,6vw,5.6rem);line-height:.95}.docs-anchor-section{scroll-margin-top:120px}.docs-section-title{color:var(--text-primary);letter-spacing:.01em;margin:22px 0 10px;font-size:1rem}.framework-section{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#ffffff08;min-width:0;margin-top:20px;padding:14px}.framework-copy{color:var(--text-secondary);margin:0;line-height:1.7}.framework-code{border:1px solid var(--panel-border);color:var(--text-secondary);font-family:var(--font-mono);background:#0003;border-radius:10px;margin:12px 0 0;padding:12px;font-size:.82rem;overflow-x:auto}.framework-code code{white-space:pre}.playground-intro{max-width:54ch;color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.7}.docs-entry{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}.docs-card{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#ffffff08;min-width:0;overflow:hidden}.docs-card-head{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--panel-border);padding:10px 14px;font-size:.78rem}.docs-card-pre{font-family:var(--font-mono);color:var(--text-secondary);margin:0;padding:14px;font-size:.82rem;line-height:1.6;overflow-x:auto}.docs-card-pre code{white-space:pre}.custom-builder{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#ffffff08;min-width:0;margin-top:18px;padding:16px}.custom-builder h2{letter-spacing:.01em;margin:0 0 12px;font-size:1rem}.custom-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.custom-builder-grid label{gap:7px;display:grid}.custom-builder-grid label span{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem}.custom-builder-grid input{border:1px solid var(--button-border);background:var(--button-bg);min-height:40px;color:var(--text-primary);border-radius:10px;padding:0 10px}.custom-builder-grid input[type=color]{min-height:42px;padding:4px}.custom-builder-button{border:1px solid var(--button-border);background:var(--button-bg);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:12px;margin-top:12px;padding:0 14px}.custom-builder-button:hover{background:var(--button-bg-hover);border-color:var(--button-hover-border)}.page-copyright{width:min(980px,100%);color:var(--text-muted);text-align:center;margin-top:16px;font-size:.82rem}.position-picker{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.position-picker button,.playground-grid button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-primary);cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.position-picker button{min-height:40px;color:var(--text-secondary);border-radius:999px;padding:0 16px}.position-picker button.is-active{color:var(--text-primary);background:linear-gradient(135deg,#78d5ff47,#8cf0c433);border-color:#78d5ff57}.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.playground-grid button{border-radius:var(--radius-lg);text-align:left;letter-spacing:-.01em;min-height:68px;padding:18px 20px;font-size:.98rem;font-weight:600}.playground-grid button:after,.position-picker button:after{content:"";background:linear-gradient(120deg,#0000 15%,#ffffff24,#0000 70%);transition:transform .48s;position:absolute;inset:0;transform:translate(-120%)}.playground-grid button:hover,.playground-grid button:focus-visible,.position-picker button:hover,.position-picker button:focus-visible{background:var(--button-bg-hover);border-color:var(--button-hover-border);transform:translateY(-2px);box-shadow:0 16px 40px #050a183d}.playground-grid button:hover:after,.playground-grid button:focus-visible:after,.position-picker button:hover:after,.position-picker button:focus-visible:after{transform:translate(120%)}.playground-notes{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:24px;font-size:.88rem;display:flex}.playground-notes span{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:10px 12px}.playground-info-row{justify-content:flex-start;margin-top:24px;display:flex}.playground-info-toggle{border:1px solid var(--button-border);background:var(--button-bg);min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.playground-info-toggle.is-active{background:var(--button-bg-hover);color:var(--text-primary);border-color:var(--button-hover-border)}.playground-options-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.options-row-label{font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em}.code-card{border-radius:var(--radius-md);border:1px solid var(--panel-border);min-width:0;margin-top:24px;transition:border-color .22s;overflow:hidden}.code-card-header{border-bottom:1px solid var(--panel-border);background:#ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.code-card-pkg{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.code-card-pkg-name{font-size:.82rem;font-weight:600;font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;white-space:nowrap}.code-card-badge{border:1px solid var(--button-border);background:var(--button-bg);height:24px;color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:.74rem;display:inline-flex}.code-card-copy{border:1px solid var(--button-border);background:var(--button-bg);min-height:28px;color:var(--text-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:0 12px;font-size:.78rem;transition:background .18s,color .18s,border-color .18s}.code-card-copy:hover{background:var(--button-bg-hover);color:var(--text-primary);border-color:var(--button-hover-border)}.code-card-copy.is-copied{color:var(--accent-strong);border-color:#8cf0c44d}.code-card-pre{color:var(--text-secondary);font-family:var(--font-mono);tab-size:2;background:#00000038;margin:0;padding:18px 20px;font-size:.84rem;line-height:1.7;overflow-x:auto}.code-card-pre code{white-space:pre;display:block}.playground-panel,.playground-kicker,.playground-link,.package-counter,.theme-switch,.docs-card,.custom-builder,.framework-section,.code-card,.code-card-header,.code-card-pre,.playground-info-toggle,.playground-notes span,.search-input,.search-suggestions,.search-detail-screen,.search-detail-code,.docs-sections-nav,.position-picker button,.playground-grid button,.theme-switch button,.custom-builder-grid input,.code-card-copy,.search-detail-actions button,.search-detail-close{transition:background-color .32s,color .26s,border-color .32s,box-shadow .32s}@media (prefers-reduced-motion:reduce){body,.playground-panel,.playground-kicker,.playground-link,.package-counter,.theme-switch,.docs-card,.custom-builder,.framework-section,.code-card,.code-card-header,.code-card-pre,.playground-info-toggle,.playground-notes span,.search-input,.search-suggestions,.search-detail-screen,.search-detail-code,.docs-sections-nav,.position-picker button,.playground-grid button,.theme-switch button,.custom-builder-grid input,.code-card-copy,.search-detail-actions button,.search-detail-close{transition:none}}:root[data-theme=light]{--page-bg:#f1f5ff;--panel-bg:#f8fbffd6;--panel-border:#647db933;--text-primary:#182338;--text-secondary:#182338b3;--text-muted:#22314c8f;--button-bg:#f0f5ffb8;--button-border:#5a6d9638;--button-bg-hover:#dce8ffc7;--button-hover-border:#4e68a752;--shadow-soft:0 25px 70px #485e9629;--page-grid-line:#3a548212;--panel-overlay-top:#ffffffc7;--panel-overlay-bottom:#f0f7ff6b;--toast-surface-bg:#ffffffb8;--toast-surface-overlay:#f5f8ff70;--toast-surface-border:#6279ac38;--toast-surface-border-strong:#4e69a55c;--toast-surface-shadow:0 12px 36px #42588c29;--toast-surface-shadow-hover:0 18px 48px #42588c38;--toast-text-primary:#121c2ef2;--toast-highlight-top:#ffffffad;--toast-highlight-bottom:#ffffff2e;--toast-gradient-highlight-top:#ffffff8f;--toast-gradient-highlight-bottom:#ffffff29;--toast-control-bg:#32487a17;--toast-control-bg-hover:#32487a29;--toast-control-border:#465e8d29;--toast-control-highlight:#ffffff85;--toast-control-sheen-top:#ffffffd1;--toast-control-sheen-bottom:#dae8ff85;--toast-progress-track:#4860941f;--toast-progress-end:#ffffffb3}:root[data-theme=light] body{color:var(--text-primary);background:radial-gradient(circle at 0 0,#5987ff33,#0000 28%),radial-gradient(circle at 100% 0,#29c39624,#0000 24%),radial-gradient(circle at bottom,#ff906229,#0000 28%),linear-gradient(160deg,#eef4ff 0%,#e9f0fb 40%,#e3ecf8 100%)}:root[data-theme=light] .playground-kicker,:root[data-theme=light] .playground-notes span,:root[data-theme=light] .playground-info-toggle,:root[data-theme=light] .theme-switch,:root[data-theme=light] .playground-link{background:#ffffff80;border-color:#6277a11f}:root[data-theme=light] .theme-switch button.is-active{border-color:#6277a12e}:root[data-theme=light] .docs-card{background:#ffffff8a}:root[data-theme=light] .search-detail-code{background:#edf1f7}:root[data-theme=light] .search-detail-screen{background:#dce3ee}:root[data-theme=light] .search-suggestions,:root:not([data-theme]) .search-suggestions{background:#f5f9ff}:root[data-theme=light] .search-suggestion:hover,:root[data-theme=light] .search-suggestion:focus-visible,:root:not([data-theme]) .search-suggestion:hover,:root:not([data-theme]) .search-suggestion:focus-visible{background:#dbe6f8}:root[data-theme=light] .custom-builder,:root[data-theme=light] .framework-section{background:#ffffff8a}:root[data-theme=light] .framework-code{background:#364c780f}:root[data-theme=light] .toast-action{border:1px solid var(--toast-control-border);color:#121c2ee6;background:#32487a24;font-weight:700}:root[data-theme=light] .toast-action:hover,:root[data-theme=light] .toast-action:focus-visible{background:#32487a38}:root[data-theme=light] .code-card-header{background:#ffffff9e}:root[data-theme=light] .code-card-pre{color:var(--text-secondary);background:#364c780f}@media (prefers-color-scheme:light){:root:not([data-theme]){--page-bg:#f1f5ff;--panel-bg:#f8fbffd6;--panel-border:#647db933;--text-primary:#182338;--text-secondary:#182338b3;--text-muted:#22314c8f;--button-bg:#f0f5ffb8;--button-border:#5a6d9638;--button-bg-hover:#dce8ffc7;--button-hover-border:#4e68a752;--shadow-soft:0 25px 70px #485e9629;--page-grid-line:#3a548212;--panel-overlay-top:#ffffffc7;--panel-overlay-bottom:#f0f7ff6b;--toast-surface-bg:#ffffffb8;--toast-surface-overlay:#f5f8ff70;--toast-surface-border:#6279ac38;--toast-surface-border-strong:#4e69a55c;--toast-surface-shadow:0 12px 36px #42588c29;--toast-surface-shadow-hover:0 18px 48px #42588c38;--toast-text-primary:#121c2ef2;--toast-highlight-top:#ffffffad;--toast-highlight-bottom:#ffffff2e;--toast-gradient-highlight-top:#ffffff8f;--toast-gradient-highlight-bottom:#ffffff29;--toast-control-bg:#32487a17;--toast-control-bg-hover:#32487a29;--toast-control-border:#465e8d29;--toast-control-highlight:#ffffff85;--toast-control-sheen-top:#ffffffd1;--toast-control-sheen-bottom:#dae8ff85;--toast-progress-track:#4860941f;--toast-progress-end:#ffffffb3}:root:not([data-theme]) body{color:var(--text-primary);background:radial-gradient(circle at 0 0,#5987ff33,#0000 28%),radial-gradient(circle at 100% 0,#29c39624,#0000 24%),radial-gradient(circle at bottom,#ff906229,#0000 28%),linear-gradient(160deg,#eef4ff 0%,#e9f0fb 40%,#e3ecf8 100%)}:root:not([data-theme]) .playground-kicker,:root:not([data-theme]) .playground-notes span,:root:not([data-theme]) .playground-info-toggle,:root:not([data-theme]) .theme-switch{background:#ffffff80;border-color:#6277a11f}:root:not([data-theme]) .theme-switch button.is-active{border-color:#6277a12e}:root:not([data-theme]) .docs-card{background:#ffffff8a}:root:not([data-theme]) .search-detail-code{background:#edf1f7}:root:not([data-theme]) .search-detail-screen{background:#dce3ee}:root:not([data-theme]) .custom-builder,:root:not([data-theme]) .framework-section{background:#ffffff8a}:root:not([data-theme]) .framework-code{background:#364c780f}:root:not([data-theme]) .toast-action{border:1px solid var(--toast-control-border);color:#121c2ee6;background:#32487a24;font-weight:700}:root:not([data-theme]) .toast-action:hover,:root:not([data-theme]) .toast-action:focus-visible{background:#32487a38}:root:not([data-theme]) .code-card-header{background:#ffffff9e}:root:not([data-theme]) .code-card-pre{color:var(--text-secondary);background:#364c780f}}@media (width<=900px){.docs-sections-nav{display:none}.playground-panel{padding:28px}.playground-grid,.custom-builder-grid,.docs-entry{grid-template-columns:1fr}}@media (width<=640px){.playground-shell{padding:90px 12px 104px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.search-hub{width:calc(100vw - 16px);top:10px}.search-input{height:46px;padding:0 12px;font-size:.94rem}.search-suggestions{max-height:min(52vh,340px);overflow-y:auto}.search-detail-screen{width:calc(100vw - 16px);max-height:calc(100vh - 84px);padding:12px;top:68px;overflow:auto}.search-detail-actions{flex-direction:column}.search-detail-actions button,.search-detail-close{width:100%}.search-detail-code{max-height:min(42vh,280px);font-size:.78rem}.playground-topbar{flex-direction:column;align-items:stretch}.playground-brand{justify-content:space-between;width:100%}.playground-kicker{letter-spacing:.06em;flex:1;padding:0 11px;font-size:.65rem}.theme-switch{justify-content:space-between;width:100%}.theme-switch button{flex:1;min-width:0}.playground-panel{border-radius:22px;padding:18px}.playground-panel h1{max-width:100%;font-size:clamp(2.1rem,11.5vw,3.2rem);line-height:1}.playground-intro{font-size:.96rem}.position-picker{gap:8px}.position-picker button{flex:calc(50% - 8px);min-height:38px;padding:0 10px;font-size:.84rem}.playground-grid{gap:10px;margin-top:24px}.playground-grid button{min-height:56px;padding:12px 14px;font-size:.9rem}.docs-card-pre,.code-card-pre,.framework-code,.search-detail-code{font-size:.76rem;line-height:1.5}.docs-card-pre code,.code-card-pre code,.framework-code code,.search-detail-code code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-card-header{padding:10px 12px}.code-card-pkg-name{white-space:normal;overflow-wrap:anywhere}.code-card-copy{width:100%;min-height:34px}.custom-builder{padding:12px}.custom-builder-grid,.playground-options-row{gap:8px}.options-row-label{width:100%}.playground-notes{gap:8px}.playground-notes span{border-radius:12px;width:100%}}@media (width<=420px){.playground-shell{padding-top:84px}.playground-panel{border-radius:18px;padding:14px}.playground-panel h1{font-size:clamp(1.9rem,10.6vw,2.5rem)}.search-input{border-radius:12px;height:44px}.docs-card-head{padding:9px 10px;font-size:.72rem}.docs-card-pre,.code-card-pre,.framework-code,.search-detail-code{padding:10px;font-size:.72rem}.search-detail-screen{max-height:calc(100vh - 70px);top:62px}.position-picker button{flex-basis:100%}}.toast-region{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:min(320px,100vw - 32px);display:flex;position:fixed}.toast-region>*{pointer-events:auto}.toast-region--top-right{top:20px;right:20px}.toast-region--top-left{top:20px;left:20px}.toast-region--top-center{top:20px;left:50%;transform:translate(-50%)}.toast-region--bottom-right{bottom:20px;right:20px}.toast-region--bottom-left{bottom:20px;left:20px}.toast-region--bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast-card{--toast-accent:#fff;--toast-accent-soft:#ffffff2e;--toast-gradient:linear-gradient(135deg, #ffffff2e, #ffffff14);--stack-scale:1;--drag-x:0px;--swipe-exit-x:0px;border:1px solid var(--toast-surface-border);background:var(--toast-surface-bg);-webkit-backdrop-filter:blur(14px);width:100%;box-shadow:var(--toast-surface-shadow);color:var(--toast-text-primary);touch-action:pan-y;-webkit-user-select:none;user-select:none;transform-origin:top;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 0, 0) scale(var(--stack-scale));border-radius:14px;padding:14px 18px;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.toast-card:before{content:"";background:linear-gradient(180deg, var(--toast-highlight-top), var(--toast-highlight-bottom)), var(--toast-surface-overlay);opacity:1;pointer-events:none;position:absolute;inset:0}.toast-card[data-gradient=true]:before{background:linear-gradient(180deg, var(--toast-gradient-highlight-top), var(--toast-gradient-highlight-bottom)), var(--toast-gradient)}.toast-card[data-phase=entering]{opacity:0;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 40px, 0) scale(calc(var(--stack-scale) * .95))}.toast-card[data-phase=visible]{opacity:1}.toast-card[data-phase=exiting]{opacity:0;transform:translate3d(calc(var(--drag-x) + var(--swipe-exit-x)), 18px, 0) scale(calc(var(--stack-scale) * .96));transition-duration:.2s}.toast-card:hover,.toast-card:focus-within{border-color:var(--toast-surface-border-strong);box-shadow:var(--toast-surface-shadow-hover)}.toast-glow{background:radial-gradient(circle, var(--toast-accent-soft), transparent 58%);filter:blur(9px);pointer-events:none;width:196px;height:196px;position:absolute;inset:-24% auto auto -12%}.toast-main{z-index:1;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;display:grid;position:relative}.toast-card[data-with-icon=false] .toast-main{grid-template-columns:1fr auto}.toast-icon-shell{background:linear-gradient(180deg, var(--toast-control-sheen-top), var(--toast-control-sheen-bottom)), radial-gradient(circle at 22% 22%, color-mix(in srgb, var(--toast-accent) 38%, transparent), transparent 70%), color-mix(in srgb, var(--toast-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--toast-control-border) 72%, var(--toast-accent) 28%);width:38px;height:38px;box-shadow:inset 0 1px 0 var(--toast-control-highlight);color:var(--toast-accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.toast-icon-shell svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.toast-icon-spinner{animation:1s linear infinite toast-spin}.toast-copy{flex-direction:column;justify-content:flex-start;min-width:0;display:flex}.toast-message{color:var(--toast-text-primary);letter-spacing:.01em;margin:0;font-size:.96rem;line-height:1.4}.toast-card[data-single-line=true] .toast-main{align-items:center}.toast-card[data-single-line=true] .toast-copy{justify-content:center}.toast-action,.toast-close{color:inherit;cursor:pointer;border:0}.toast-side-actions{flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex}.toast-action{background:var(--toast-control-bg);min-height:30px;box-shadow:inset 0 1px 0 var(--toast-control-highlight);font:inherit;border-radius:999px;padding:0 11px;font-size:.78rem;font-weight:600;transition:background .18s,transform .18s}.toast-action:hover,.toast-action:focus-visible{background:var(--toast-control-bg-hover);transform:translateY(-1px)}.toast-close{background:var(--toast-control-bg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;line-height:1;transition:background .18s,transform .18s;display:inline-flex}.toast-close:hover,.toast-close:focus-visible{background:var(--toast-control-bg-hover);transform:rotate(90deg)}.toast-progress-track{z-index:1;background:var(--toast-progress-track);border-radius:2px;height:3px;margin-top:12px;position:relative;overflow:hidden}.toast-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--toast-accent), var(--toast-progress-end,#fffffff5));transform-origin:0;width:100%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--toast-accent) 42%, transparent)}.toast-progress-bar.is-indeterminate{width:42%;animation:1.15s ease-in-out infinite toast-indeterminate}@keyframes toast-spin{to{transform:rotate(360deg)}}@keyframes toast-indeterminate{0%{transform:translate(-120%)}50%{transform:translate(90%)}to{transform:translate(260%)}}@media (width<=1024px){.toast-region{width:min(300px,100vw - 28px)}}@media (width<=640px){.toast-region{width:auto;left:12px;right:12px;transform:none}.toast-region--top-left,.toast-region--top-center,.toast-region--top-right{top:12px;bottom:auto}.toast-region--bottom-left,.toast-region--bottom-center,.toast-region--bottom-right{top:auto;bottom:12px}.toast-main{grid-template-columns:auto 1fr auto}.toast-side-actions{gap:6px}}