@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root,.theme-light{color-scheme:light;--page: #ffffff;--surface: #ffffff;--surface-soft: #f7f7f8;--surface-blue: #eef5ff;--line: #e6e7eb;--line-strong: #d0d3d9;--text: #18191c;--muted: #646873;--faint: #717682;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #eaf2ff;--green: #058764;--green-soft: #eafaf4;--violet: #7253c7;--violet-soft: #f3efff;--amber: #b87308;--amber-soft: #fff7e6;--red: #c33636;--red-soft: #fff0f0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .03);--shadow-md: 0 14px 34px rgba(15, 23, 42, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}:root[data-theme=dark],.theme-dark{color-scheme:dark;--page: #0c0d10;--surface: #121318;--surface-soft: #1a1c22;--surface-blue: #1b3153;--line: #282b32;--line-strong: #3c414c;--text: #f4f4f5;--muted: #a4a8b2;--faint: #969caa;--brand-soft: #1d3b6d;--green-soft: #173d38;--violet-soft: #30294e;--amber-soft: #49371c;--red-soft: #462529;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24), 0 8px 24px rgba(0, 0, 0, .12);--shadow-md: 0 16px 40px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--page);color:var(--text);font-family:Manrope,Noto Sans SC,-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;font-size:1rem;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}code{font-family:DM Mono,monospace;font-size:.92em}kbd{padding:2px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--muted);font-family:DM Mono,monospace;font-size:.75rem}.app-shell{min-height:100vh;display:flex}.sidebar{width:264px;flex:0 0 264px;min-height:100vh;display:flex;flex-direction:column;padding:22px 14px 14px;border-right:1px solid var(--line);background:var(--surface);position:sticky;top:0;height:100vh;z-index:30}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 9px}.brand-mark{width:32px;height:32px;border:1px solid #bfd5fb;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:8px;background:#eef5ff;box-shadow:0 5px 13px #2563eb1a;flex:0 0 32px}.brand-mark span{width:4px;height:8px;border-radius:2px;background:#1d4ed8;opacity:.95}.brand-mark span:nth-child(2){height:13px}.brand-mark span:nth-child(3){height:17px}.brand-name{font-weight:800;letter-spacing:-.03em;font-size:.9375rem}.brand-name span{color:var(--brand);font-weight:600}.brand-caption{color:var(--muted);font-size:.75rem;margin-top:1px}.sidebar-search{margin:18px 5px 14px;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);cursor:pointer;font-size:.75rem}.sidebar-search:hover{border-color:var(--brand);color:var(--brand)}.sidebar-search kbd{margin-left:auto}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding-right:2px}.nav-group{margin-bottom:14px}.nav-group-label{margin:0 10px 6px;color:var(--faint);font-size:.75rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:4px 10px;margin:0 0 6px;background:transparent;cursor:pointer}.nav-group-toggle svg{transition:transform .15s ease}.nav-group-toggle .chevron-open{transform:rotate(180deg)}.nav-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;font-size:.78125rem;transition:.14s ease}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item-active{background:var(--brand-soft);color:var(--brand);font-weight:700}.nav-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-status{margin-left:auto;flex:0 0 auto;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size:.75rem;font-weight:800}.nav-status-beta{color:var(--amber);background:var(--amber-soft)}.nav-status-experimental{color:var(--violet);background:var(--violet-soft)}.sidebar-footer{margin-top:10px;padding:12px 7px 0;border-top:1px solid var(--line);display:grid;gap:8px}.footer-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;font-size:.75rem}.footer-link:hover,.topbar-link:hover{color:var(--brand)}.mobile-close,.mobile-menu{display:none!important}.main-column{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--faint);font-size:.75rem;min-width:0}.breadcrumb strong{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-separator{color:var(--line-strong);flex:0 0 auto}.topbar-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.topbar-search{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:.75rem}.topbar-search:hover{border-color:var(--brand);color:var(--brand)}.topbar-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.75rem}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.icon-button:hover{color:var(--text);background:var(--surface-soft)}.doc-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:36px;max-width:1240px;width:100%;margin:0 auto;padding:40px 40px 60px}.content{min-width:0;max-width:880px}.site-footer{max-width:1240px;width:100%;margin:0 auto;padding:0 40px 24px;display:flex;justify-content:space-between;gap:12px;color:var(--faint);font-size:.75rem}.page-toc{position:sticky;top:92px;align-self:start;display:grid;gap:3px;max-height:calc(100vh - 120px);overflow-y:auto;padding:10px 0 10px 14px;border-left:1px solid var(--line)}.page-toc-title{margin-bottom:6px;color:var(--faint);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.page-toc a{padding:4px 8px;border-radius:6px;color:var(--muted);font-size:.75rem;text-decoration:none}.page-toc a:hover{color:var(--brand);background:var(--brand-soft)}.doc-page{display:block}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.doc-header-main{min-width:0}.component-meta{color:var(--brand);font-family:DM Mono,monospace;font-size:.75rem}.doc-header h1{margin:8px 0 10px;font-size:clamp(26px,3.2vw,34px);letter-spacing:-.04em;line-height:1.15}.doc-cn{color:var(--muted);font-weight:600;font-size:.62em;letter-spacing:0;margin-left:4px}.doc-purpose{max-width:700px;margin:0;color:var(--muted);font-size:.90625rem;line-height:1.7}.doc-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;flex:0 0 auto}.status-chip,.version-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:.75rem;font-weight:700;text-decoration:none}.chip-stable{color:var(--green);background:var(--green-soft)}.chip-beta{color:var(--amber);background:var(--amber-soft)}.chip-experimental{color:var(--violet);background:var(--violet-soft)}.version-chip{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);font-family:DM Mono,monospace}.chip-link{cursor:pointer}.chip-link:hover{color:var(--brand);border-color:var(--brand)}.doc-usage{padding:18px 0 4px}.doc-usage h2,.doc-section h2{margin:0 0 12px;font-size:1.1875rem;letter-spacing:-.02em}.doc-usage p,.doc-paragraph{max-width:760px;margin:0 0 10px;color:var(--muted);font-size:.84375rem;line-height:1.75}.doc-note{margin:0 0 12px;color:var(--faint);font-size:.75rem}.doc-section{padding:26px 0 8px;border-top:1px solid var(--line);margin-top:18px;scroll-margin-top:84px}.doc-usage{scroll-margin-top:84px}.rule-list{display:grid;gap:8px;margin:0;padding-left:18px;max-width:760px;color:var(--muted);font-size:.8125rem}.rule-list li::marker{color:var(--brand)}.rule-list code{padding:1px 5px;border-radius:4px;background:var(--surface-soft);color:var(--text);font-size:.75rem}.example-player{margin:14px 0 22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;scroll-margin-top:84px}.example-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.example-title{display:flex;align-items:center;gap:9px;font-size:.8125rem}.kind-badge{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.kind-basic{color:var(--brand);background:var(--brand-soft)}.kind-variant{color:var(--violet);background:var(--violet-soft)}.kind-state{color:var(--amber);background:var(--amber-soft)}.kind-size{color:var(--muted);background:var(--surface-soft)}.kind-business{color:var(--green);background:var(--green-soft)}.example-tools{display:flex;gap:4px}.example-tools button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem}.example-tools button:hover{color:var(--text);background:var(--surface-soft)}.example-tools .tab-active{color:var(--brand);background:var(--brand-soft);font-weight:700}.example-description{margin:0;padding:10px 14px 0;color:var(--muted);font-size:.75rem}.example-stage{min-height:72px;padding:22px 18px;background:var(--page);border-top:1px solid var(--line);margin-top:10px;display:grid;align-content:center}.example-stage.theme-dark{background:#111827}.example-missing{padding:18px;color:var(--faint);font-size:.75rem;text-align:center}.example-actions{display:flex;gap:6px;padding:9px 14px;border-top:1px solid var(--line)}.example-actions button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem}.example-actions button:hover{color:var(--brand);background:var(--brand-soft)}.example-code pre{margin:0;padding:16px;overflow-x:auto;background:var(--page)}.example-code code{color:var(--text);font-size:.75rem;line-height:1.7;white-space:pre}.code-title{padding:9px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem;font-weight:700}.props-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md)}.props-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--surface)}.props-table th,.props-table td{padding:10px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:.75rem;vertical-align:top}.props-table tr:last-child td{border-bottom:0}.props-table th{color:var(--faint);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-soft)}.props-table td code{padding:1px 5px;border-radius:4px;background:var(--surface-soft);font-size:.75rem}.props-table .prop-type{color:var(--violet)}.required-mark{color:var(--red);font-style:normal;margin-left:2px}.states-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.state-card{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.state-card code{color:var(--brand);font-size:.75rem;font-weight:700}.state-card p{margin:6px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}.state-na{opacity:.72;border-style:dashed}.state-na-badge{margin-left:7px;padding:1px 6px;border-radius:4px;background:var(--surface-soft);color:var(--faint);font-size:.75rem}.dodont-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dodont-card{padding:16px 18px;border-radius:var(--radius-md);border:1px solid}.dodont-card h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:.8125rem}.dodont-do{border-color:#b7e5d5;background:var(--green-soft)}.dodont-do h3{color:var(--green)}.dodont-dont{border-color:#f1bcbc;background:var(--red-soft)}.dodont-dont h3{color:var(--red)}.dodont-card ul{display:grid;gap:7px;margin:0;padding-left:16px;color:var(--muted);font-size:.78125rem}.related-row{display:flex;flex-wrap:wrap;gap:8px}.related-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:.75rem;text-decoration:none}.related-chip:hover{color:var(--brand);border-color:var(--brand)}.related-chip-static{cursor:default}.related-chip-static:hover{color:var(--muted);border-color:var(--line)}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:start center;padding:12vh 18px 18px;background:#0f172a73}.search-modal{width:min(560px,100%);border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.search-input-row{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);color:var(--muted)}.search-input-row input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:.875rem}.search-results{max-height:46vh;overflow-y:auto;margin:0;padding:6px;list-style:none}.search-result{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.search-result-title{font-size:.8125rem;font-weight:600}.search-result-sub{color:var(--faint);font-size:.75rem}.search-result svg{margin-left:auto;color:var(--faint)}.search-result-active{background:var(--brand-soft)}.search-result-active .search-result-title{color:var(--brand)}.search-empty{padding:18px;color:var(--faint);font-size:.75rem;text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border:1px solid transparent;border-radius:var(--radius-md);padding:0 14px;color:var(--text);cursor:pointer;font-size:.8125rem;font-weight:700;transition:.16s ease;text-decoration:none;background:transparent}.button:focus-visible,.icon-button:focus-visible,.nav-item:focus-visible,.text-link:focus-visible,.table-action:focus-visible,.inline-action:focus-visible,.topbar-link:focus-visible,.footer-link:focus-visible,.quick-card:focus-visible,.related-chip:focus-visible,.search-result:focus-visible,.example-tools button:focus-visible,.example-actions button:focus-visible,.sidebar-search:focus-visible,.topbar-search:focus-visible,.home-search-trigger:focus-visible,.category-card:focus-visible,.nav-group-toggle:focus-visible,.page-toc a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.button-primary{color:#fff;background:var(--brand);box-shadow:0 5px 13px #2563eb2e}.button-primary:hover{background:var(--brand-strong)}.button-secondary{border-color:var(--line-strong);background:var(--surface)}.button-secondary:hover,.button-ghost:hover{border-color:var(--brand);color:var(--brand)}.button-ghost{border-color:transparent;background:transparent;color:var(--muted)}.button-danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--line));background:var(--red-soft)}.button-danger:hover{border-color:var(--red)}.button-sm{min-height:29px;padding:0 10px;font-size:.75rem;border-radius:8px}.button-lg{min-height:45px;padding:0 20px;font-size:.875rem}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.demo-stack{display:grid;gap:12px}.demo-note{margin:0;color:var(--muted);font-size:.75rem}.demo-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner-dark{border-color:color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand)}.mono{font-family:DM Mono,monospace;font-size:.75rem}.field{display:grid;align-content:start;gap:6px;color:var(--text);font-size:.75rem;font-weight:700}.field em{color:var(--red);font-style:normal}.field small{display:flex;align-items:flex-start;gap:4px;color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.45}.field-control{width:100%;height:37px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);outline:none;background:var(--surface);font-size:.75rem}textarea.field-control{height:auto;min-height:76px;padding:9px 10px;resize:vertical}select.field-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb24}.field-control:disabled{background:var(--surface-soft);color:var(--faint);cursor:not-allowed}.field-control.mono{font-family:DM Mono,monospace;font-size:.75rem}.field-error .field-control{border-color:var(--red)}.field-error small{color:var(--red)}.status-stack{display:grid;gap:9px}.status-line,.empty-line{display:flex;align-items:center;gap:11px;min-height:58px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}.status-line>svg{flex:0 0 auto}.status-line>div:not(.status-badge){min-width:0;display:grid;gap:1px}.status-line strong{font-size:.75rem}.status-line span:not(.status-badge):not(.badge-dot){color:var(--muted);font-size:.75rem}.status-success{color:var(--green);background:var(--green-soft);border-color:#b7e5d5}.status-warning{color:var(--amber);background:var(--amber-soft);border-color:#f0d694}.status-danger{color:var(--red);background:var(--red-soft);border-color:#f1bcbc}.status-info{color:var(--brand);background:var(--brand-soft);border-color:#b9d3fb}.status-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.status-line .status-badge,.status-line .inline-action{margin-left:auto}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-success{color:var(--green);background:color-mix(in srgb,var(--green-soft) 75%,var(--surface))}.badge-warning{color:var(--amber);background:color-mix(in srgb,var(--amber-soft) 75%,var(--surface))}.badge-danger{color:var(--red);background:color-mix(in srgb,var(--red-soft) 75%,var(--surface))}.badge-neutral{color:var(--muted);background:var(--surface-soft)}.badge-info{color:var(--brand);background:var(--brand-soft)}.badge-violet{color:var(--violet);background:var(--violet-soft)}.inline-action,.table-action{margin-left:auto;color:var(--brand);background:transparent;cursor:pointer;font-size:.75rem;font-weight:700}.empty-line{margin-top:2px;flex-wrap:wrap;color:var(--faint)}.empty-line strong{color:var(--text);font-size:.75rem}.empty-line span{color:var(--muted);font-size:.75rem}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;min-width:630px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:.75rem}.table-wrap th{color:var(--faint);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.table-wrap td strong,.table-secondary{display:block}.table-secondary{margin-top:2px;color:var(--faint);font-family:DM Mono,monospace;font-size:.75rem}.table-wrap .num{text-align:right;font-family:DM Mono,monospace}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a7a}.dialog{width:min(455px,100%);padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-md)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start}.dialog h2{margin:4px 0 0;font-size:1.1875rem}.dialog p{margin:18px 0 12px;color:var(--muted);font-size:.8125rem}.dialog-note{display:flex;align-items:flex-start;gap:8px;padding:11px;border-radius:8px;color:var(--green);background:var(--green-soft);font-size:.75rem}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.citation-demo>p{margin:0 0 17px;color:var(--text);font-size:.875rem;line-height:1.85}.citation-demo sup{margin-left:3px;font-size:.75rem}.citation-demo sup a{color:var(--brand);font-weight:700;text-decoration:none;cursor:pointer}.citation-demo sup a:hover{text-decoration:underline}.source-list{display:grid;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.source-list a,.source-list .source-item{display:flex;align-items:center;gap:6px;color:var(--brand);font-size:.75rem;text-decoration:none}.source-list a:hover{text-decoration:underline}.source-list a span,.source-item span{font-family:DM Mono,monospace;font-weight:700}.source-highlight{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:4px}.card-demo{padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.card-demo h4{margin:0 0 6px;font-size:.8125rem}.card-demo p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.swatch{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.swatch-color{height:75px;display:flex;align-items:end;padding:9px;color:#fff;font-family:DM Mono,monospace;font-size:.75rem}.swatch-light-label{color:#0f172a}.swatch-label{padding:10px 9px;color:var(--muted);font-size:.75rem;line-height:1.35}.type-samples{display:grid;gap:20px}.type-label{display:block;margin-bottom:4px;color:var(--faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.type-display{font-size:1.875rem;font-weight:700;letter-spacing:-.05em}.type-heading{font-size:1.25rem;font-weight:700}.type-body{max-width:640px;color:var(--muted);font-size:.875rem}.type-mono{color:var(--brand);font-family:DM Mono,monospace;font-size:.8125rem}.spacing-row{display:flex;align-items:end;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.spacing-item{display:grid;gap:5px;color:var(--muted);font-size:.75rem}.spacing-item strong{color:var(--text);font-family:DM Mono,monospace;font-size:.75rem}.spacing-bar{height:10px;min-width:12px;border-radius:3px;background:var(--brand)}.radius-row{display:flex;gap:12px;padding-top:23px;flex-wrap:wrap}.radius-sample{width:150px;height:62px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);color:var(--text);font-family:DM Mono,monospace;font-size:.75rem;background:var(--surface)}.radius-sample span{color:var(--muted);font-family:inherit;font-size:.75rem}.radius-sm{border-radius:4px}.radius-md{border-radius:8px}.radius-lg{border-radius:16px}.notice-card{display:flex;gap:13px;align-items:flex-start;margin-top:20px;padding:16px 18px;border:1px solid;border-radius:var(--radius-lg)}.notice-blue{color:var(--brand);border-color:#b9d3fb;background:var(--brand-soft)}.notice-amber{color:var(--amber);border-color:#ecd195;background:var(--amber-soft)}.notice-violet{color:var(--violet);border-color:#d3c7f2;background:var(--violet-soft)}.notice-green{color:var(--green);border-color:#b7e5d5;background:var(--green-soft)}.notice-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:8px;background:var(--surface)}.notice-card strong{color:var(--text);font-size:.8125rem}.notice-card p{margin:4px 0 0;color:var(--muted);font-size:.75rem;line-height:1.65}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.principles-grid-doc{grid-template-columns:repeat(2,1fr)}.principle-card{display:flex;gap:12px;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.principle-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px}.principle-card h3{margin:0 0 6px;font-size:.875rem}.principle-card p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.65}.tone-blue .principle-icon{color:var(--brand);background:var(--brand-soft)}.tone-green .principle-icon{color:var(--green);background:var(--green-soft)}.tone-violet .principle-icon{color:var(--violet);background:var(--violet-soft)}.tone-amber .principle-icon{color:var(--amber);background:var(--amber-soft)}.workflow-line{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.workflow-step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem}.workflow-step span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);font-family:DM Mono,monospace;font-size:.75rem}.workflow-step span.workflow-step-active{color:#fff;background:var(--brand);border-color:var(--brand)}.workflow-step svg{color:var(--line-strong)}.sr-only{width:1px;height:1px;position:absolute;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.doc-layout{grid-template-columns:minmax(0,1fr);padding:32px 26px 48px}.page-toc{display:none}.content{max-width:none}.site-footer{padding:0 26px 20px}.category-grid{grid-template-columns:1fr}.quick-grid,.quick-grid-3{grid-template-columns:repeat(2,1fr)}.swatch-grid{grid-template-columns:repeat(3,1fr)}.states-grid,.home-sculpture-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:280px;position:fixed;left:-300px;transition:left .2s ease;box-shadow:var(--shadow-md)}.sidebar-open{left:0}.mobile-menu,.mobile-close{display:inline-flex!important}.mobile-close{margin-left:auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#0f172a59;border:0}.topbar{height:54px;padding:0 14px;gap:8px}.breadcrumb{min-width:0}.breadcrumb span,.topbar-link span,.topbar-search span,.topbar-search kbd{display:none}.doc-layout{padding:24px 16px 40px}.site-footer{padding:0 16px 18px;display:grid;gap:4px}.doc-header{display:grid;gap:12px}.doc-badges{justify-content:flex-start}.quick-grid,.quick-grid-2,.quick-grid-3,.principles-grid,.principles-grid-doc,.dodont-grid,.demo-grid-2,.demo-grid-3{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,1fr)}.spacing-row{gap:15px;justify-content:space-between}.example-head{display:grid;gap:8px}.example-stage{padding:16px 12px}.home-head h1{font-size:1.6875rem}.home-stats{display:grid;grid-template-columns:repeat(2,1fr)}.search-backdrop{padding-top:8vh}.button{min-height:40px}.button-sm{min-height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root,.theme-light{--font-body: Manrope, "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--brand: #2664e8;--brand-strong: #1d4ed8}:root[data-theme=dark],.theme-dark{--brand: #7ca9ff;--brand-strong: #93b8ff;--green: #54c6a2;--amber: #efbc64;--red: #f08b8b;--violet: #b09aee}body{font-size:1rem}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:4px}button:disabled{cursor:not-allowed}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px}.skip-link:focus{top:12px}.global-header{height:72px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35;background:color-mix(in srgb,var(--page) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.global-header-inner{max-width:1440px;height:100%;margin:auto;padding:0 40px;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px;border-radius:8px}.brand strong{font-size:1.125rem;letter-spacing:-.035em;font-weight:700}.brand>span{color:var(--muted);padding-left:12px;border-left:1px solid var(--line-strong);font-size:.875rem}.primary-nav{display:flex;gap:28px;align-items:center}.primary-nav a{text-decoration:none;font-size:.875rem;color:var(--muted);transition:color .15s}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--text)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.header-search{height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface-soft);font-size:.875rem;cursor:pointer}kbd{font-size:.75rem;border-bottom-width:1px}.icon-button{width:36px;height:36px;border-radius:6px;flex-shrink:0}.icon-button.bordered{border:1px solid var(--line-strong)}.app-shell{max-width:1600px;margin:auto;min-height:calc(100vh - 72px)}.sidebar{width:252px;flex-basis:252px;top:72px;height:calc(100vh - 72px);min-height:0;padding:28px 18px;background:var(--page)}.nav-item{text-decoration:none;font-size:.875rem;min-height:36px;padding:7px 12px;border-radius:6px}.nav-item-active{font-weight:600;background:var(--surface-soft);color:var(--text)}.nav-group{margin-bottom:24px}.nav-group-label{color:var(--text);font-size:.8125rem;letter-spacing:0;font-weight:600}.nav-status{font-size:.75rem;width:18px;height:18px;opacity:.7}.nav-directory{display:flex;justify-content:space-between;margin-bottom:28px;padding:8px 10px;border-radius:6px;text-decoration:none;font-size:.875rem}.nav-directory span{color:var(--muted);font-size:.75rem}.doc-breadcrumb{display:flex;gap:12px;padding:24px 40px 0;font-size:.8125rem;color:var(--muted)}.doc-breadcrumb a{text-decoration:none}.doc-layout{padding-top:30px;gap:40px;grid-template-columns:minmax(0,1fr) 160px}.doc-layout.no-toc{grid-template-columns:minmax(0,1fr)}.content{max-width:none;outline:none}.doc-header{padding-bottom:26px;gap:18px}.doc-header h1{font-size:clamp(30px,3vw,40px);line-height:1.35;font-weight:650;letter-spacing:-.03em}.doc-purpose,.doc-usage p,.doc-paragraph{font-size:1rem;line-height:1.8}.doc-cn{display:inline;font-size:.5em;font-weight:400}.doc-badges{flex-wrap:wrap;max-width:180px}.component-meta{font-size:.75rem;color:var(--muted)}.doc-section{padding-top:32px;margin-top:30px;scroll-margin-top:100px}.doc-usage h2,.doc-section h2{font-size:1.125rem;font-weight:600}.rule-list,.dodont-card ul{font-size:.875rem;line-height:1.8}.page-toc{top:112px;border-left:none;padding-left:12px}.page-toc-title{font-size:.8125rem;color:var(--text);letter-spacing:0}.page-toc a{font-size:.8125rem;padding:6px 0 6px 12px;border-left:1px solid var(--line);border-radius:0}.page-toc a.toc-active{color:var(--text);border-color:var(--text);font-weight:600}.page-loading{min-height:400px;color:var(--muted);padding:40px}.button{font-size:.875rem;min-height:40px;font-weight:500;border-radius:7px;gap:8px}.button:hover{transform:none}.button-primary{background:#2664e8;color:#fff;box-shadow:inset 0 1px #fff2,0 1px 2px #00000012}.button-primary:hover{background:#1d4ed8}.button-secondary:hover{background:var(--surface-soft);border-color:var(--line-strong);color:var(--text)}.button-sm{min-height:34px;font-size:.8125rem}.button-lg{min-height:46px;font-size:1rem}.field{font-size:.875rem;font-weight:500;gap:8px}.field-control{height:40px;font-size:.875rem;border-radius:7px;padding:0 12px}.field small{font-size:.75rem}.field-control:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}input[type=checkbox],input[type=radio]{accent-color:#2664e8;width:17px;height:17px;flex-shrink:0;cursor:pointer}input:disabled{cursor:not-allowed}.example-player{border-radius:10px;box-shadow:none;margin-top:18px}.example-head{padding:12px 16px;background:var(--surface)}.example-title{font-size:.875rem}.example-tools{gap:2px;padding:3px;background:var(--surface-soft);border-radius:7px}.example-tools button{font-size:.8125rem;height:32px;border-radius:5px;padding:0 10px}.example-tools .tab-active{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #00000010;font-weight:500}.example-stage{padding:32px 24px;min-height:140px;background:var(--page);color:var(--text);margin-top:0}.example-stage.theme-dark{background:var(--page)}.example-description{padding:12px 16px;font-size:.875rem}.example-actions{gap:12px;padding:10px 14px;flex-wrap:wrap}.example-actions button{min-height:32px;font-size:.8125rem}.example-code pre{padding:24px}.example-code code{font-size:.8125rem;line-height:1.85}.copy-status{align-self:center;font-size:.75rem;color:var(--muted)}.props-table th,.props-table td{font-size:.875rem;padding:14px}.props-table td code{font-size:.8125rem}.props-table th{font-weight:500;color:var(--muted);font-size:.75rem}.state-card{padding:18px}.state-card p,.card-demo p{font-size:.875rem;line-height:1.7}.demo-note{font-size:.8125rem;line-height:1.75}.status-badge{font-size:.75rem;font-weight:500}.table-wrap th,.table-wrap td{font-size:.875rem}.table-wrap th{font-size:.75rem;font-weight:500}.table-wrap tbody tr:hover{background:var(--surface-soft)}.site-footer{margin-top:40px;font-size:.75rem}.native-modal{padding:0;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #0006}.native-modal::backdrop{background:#080b1480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-dialog{width:640px;margin:14vh auto auto;overflow:hidden}.search-modal{width:100%;border:none;border-radius:0;box-shadow:none}.search-input-row{padding:16px;gap:14px}.search-input-row input{min-width:0;font-size:1rem;height:28px}.search-results{max-height:50vh;padding:8px}.search-result{padding:12px;border-radius:6px;gap:12px}.search-result-title{font-size:.875rem}.search-result-sub{font-size:.75rem;margin-left:auto}.search-result-active{background:var(--surface-soft)}.search-result-active .search-result-title{color:var(--text)}.search-footer{border-top:1px solid var(--line);padding:12px 18px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;font-size:.75rem}.search-empty{padding:40px 20px;font-size:.875rem}.navigation-dialog{margin:0;width:320px;height:100dvh;max-height:100dvh;border-radius:0;border:none}.mobile-navigation{padding:20px}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mobile-navigation .brand>span{display:none}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 16px}.directory-toolbar>span{white-space:nowrap;font-size:.8125rem;color:var(--muted)}.directory-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);padding:4px 12px;border-radius:8px;width:min(460px,100%)}.directory-search input{border:0;background:transparent;color:var(--text);min-width:0;width:100%;height:34px;outline:none;font-size:.875rem}.directory-search:focus-within{outline:2px solid var(--brand);outline-offset:3px}.category-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px}.category-filters button{padding:7px 12px;border-radius:6px;background:transparent;color:var(--muted);font-size:.8125rem;cursor:pointer}.category-filters button:hover{background:var(--surface-soft)}.category-filters button[aria-pressed=true]{background:var(--text);color:var(--page)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.directory-card{text-decoration:none;border:1px solid var(--line);padding:22px;border-radius:10px;display:flex;flex-direction:column;transition:border-color .18s,background .18s}.directory-card:hover{border-color:var(--line-strong);background:var(--surface-soft)}.directory-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem;font-weight:600}.directory-card>div svg{color:var(--muted);flex-shrink:0}.directory-card h2{font-size:.875rem;color:var(--muted);margin:6px 0 16px;font-weight:400}.directory-card p{margin:0 0 20px;font-size:.875rem;line-height:1.7;color:var(--muted)}.directory-status{align-self:start;margin-top:auto;font-family:DM Mono,monospace;font-size:.75rem;background:none}.directory-empty{text-align:center;padding:72px 20px;color:var(--muted)}.directory-empty h2{color:var(--text);font-size:1.25rem}.is-home{--page: #090a0c;--surface: #111215;--surface-soft: #191b20;--line: #24262c;--line-strong: #3a3d46;--text: #f5f5f7;--muted: #a1a3ac;--faint: #858a96;--brand: #8eb4ff;--brand-soft: #1a2a49;color-scheme:dark;color:var(--text);background:var(--page)}.is-home .global-header{position:relative;background:#090a0c;border-bottom:1px solid #ffffff0c}.is-home .global-header-inner{max-width:1320px}.is-home .header-search{background:transparent;border-color:var(--line)}.home-layout .main-column,.home-content,.home-content .content{display:block;width:100%;max-width:none}.home-page{overflow:hidden}.hero{position:relative;min-height:650px;max-width:1200px;padding:106px 32px 104px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;isolation:isolate}.hero:before{content:"";position:absolute;top:-180px;right:-300px;bottom:-100px;left:35%;z-index:-1;background:radial-gradient(ellipse at 70% 32%,#60799b16,transparent 65%);pointer-events:none}.hero-copy{z-index:3;position:relative}.release-link{display:inline-flex;align-items:center;gap:14px;border:1px solid #ffffff22;border-radius:50px;padding:7px 12px;color:#c2c5cf;font-size:.75rem;text-decoration:none;background:#ffffff03}.release-link span+span{padding-left:14px;border-left:1px solid #ffffff24}.hero h1{font-size:clamp(40px,4.3vw,62px);font-weight:500;letter-spacing:-.045em;line-height:1.37;margin:28px 0 22px}.hero h1 span{color:#a9aeb9}.hero-copy>p{font-size:1rem;color:#969ba7;line-height:1.9;margin:0}.hero-actions{display:flex;gap:26px;margin-top:34px;align-items:center}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:.875rem}.hero-primary{background:#f0f1f3;color:#181a20;border:1px solid white;border-radius:7px;padding:12px 18px;box-shadow:0 1px 2px #0006;transition:background .16s}.hero-primary:hover{background:#fff}.hero-secondary{color:#b9bdc6}.hero-secondary:hover{color:#fff}.hero-note{display:flex;gap:20px;margin-top:32px;color:#777e8c;font-size:.75rem}.hero-art{position:relative;width:118%;margin-left:-3%}.hero-art:before{content:"";position:absolute;top:10%;right:3%;bottom:10%;left:3%;background:radial-gradient(ellipse,#486bd512,transparent 67%);pointer-events:none}.hero-art-label{position:absolute;right:20%;top:4%;color:#707782;font:.6875rem DM Mono,monospace;letter-spacing:.18em}.hero-scroll{position:absolute;bottom:30px;left:32px;display:flex;gap:10px;align-items:center;color:#747a86;font-size:.75rem;text-decoration:none}.design-sculpture{margin:0;position:relative;width:100%}.sculpture-stage{position:relative;aspect-ratio:1;display:grid;place-items:center}.sculpture-poster{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:saturate(.75)}.sculpture-viewer-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.sculpture-viewer{width:100%;height:100%;--poster-color: transparent;--progress-bar-color: #88a8ed;background:transparent}.sculpture-caption{position:absolute;bottom:3%;left:50%;transform:translate(-50%);z-index:4;white-space:nowrap}.sculpture-open,.sculpture-control{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border:1px solid #ffffff25;border-radius:30px;color:#a8aebb;background:#0c0e16bd;font-size:.75rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sculpture-open:hover,.sculpture-control:hover{color:#fff;border-color:#ffffff50}.sculpture-open:disabled{cursor:wait;opacity:.6}.sculpture-controls{position:absolute;z-index:4;bottom:3%;left:50%;transform:translate(-50%);display:flex;gap:8px;white-space:nowrap}.sculpture-status{position:absolute;z-index:3;bottom:13%;left:50%;transform:translate(-50%);color:#bac1d0;font-size:.75rem;width:max-content;max-width:90%}.home-metrics{max-width:1136px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.home-metrics a{display:flex;align-items:baseline;justify-content:center;gap:14px;color:var(--muted);font-size:.8125rem;text-decoration:none;border-right:1px solid var(--line)}.home-metrics a:last-child{border:0}.home-metrics strong{color:#d1d5df;font-size:1.75rem;font-weight:400;letter-spacing:-.05em}.home-metrics strong span{display:none}.home-section{max-width:1200px;margin:auto;padding:96px 32px 0}.section-index{color:#7e8798;font:.6875rem DM Mono,monospace;letter-spacing:.12em}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.home-section h2{font-size:clamp(26px,3vw,36px);font-weight:450;letter-spacing:-.035em;line-height:1.45;margin:18px 0 12px}.home-section-heading p,.home-ai p{color:#8f95a2;font-size:.9375rem;line-height:1.9;margin:0}.home-text-link{display:inline-flex;align-items:center;gap:12px;font-size:.8125rem;text-decoration:none;color:#b5bac6}.home-text-link:hover{color:#fff}.component-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#121419,#0d0f12)}.showcase-panel{padding:28px 32px;display:flex;flex-direction:column;gap:25px;min-height:230px}.showcase-panel:nth-child(odd){border-right:1px solid var(--line)}.showcase-panel:nth-child(-n+2){border-bottom:1px solid var(--line)}.showcase-label{font:.6875rem DM Mono,monospace;letter-spacing:.05em;color:#6e788b}.showcase-panel>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:.75rem;color:#7f8899;margin-top:auto}.showcase-panel>a:hover{color:#ccd2dd}.showcase-panel .button-primary{background:#e5e8ee;color:#1c2027;border-color:#e5e8ee}.showcase-panel .button-secondary{background:#171a20;border-color:#363b45;color:#c6cbd5}.showcase-field{font-size:.8125rem;display:grid;gap:8px;color:#b7bdc8;max-width:320px}.showcase-field input{color:#e5e8ef;background:#0b0d11;border-color:#303641}.showcase-setting{display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-setting strong{display:block;font-size:.875rem;font-weight:500;color:#d8dde7}.showcase-setting div>span{display:block;margin-top:5px;font-size:.75rem;color:#798394}.ui-switch{width:40px;height:24px;border-radius:30px;padding:3px;background:#3b424f;cursor:pointer;flex-shrink:0;transition:background .15s}.ui-switch span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.ui-switch[aria-checked=true]{background:#437bea}.ui-switch[aria-checked=true] span{transform:translate(16px)}.showcase-tabs{display:flex;gap:4px;padding:4px;background:#080a0e;border:1px solid #262a33;border-radius:7px;width:fit-content}.showcase-tabs button{padding:7px 18px;border-radius:4px;font-size:.8125rem;background:transparent;color:#818b9c;cursor:pointer}.showcase-tabs button[aria-selected=true]{background:#252a34;color:#e1e5ef;box-shadow:0 1px 2px #0004}.showcase-tab-description{font-size:.8125rem;color:#8993a4;margin-top:-12px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{display:flex;flex-direction:column;text-decoration:none;border-top:1px solid var(--line);padding:24px 0 0}.resource-number{font:.75rem DM Mono,monospace;color:#697384}.token-swatches,.resource-symbol{display:flex;align-items:center;height:98px;gap:7px;color:#8a94a6}.token-swatches i{width:31px;height:31px;border-radius:50%;border:1px solid #ffffff20;background:#edf1f8}.token-swatches i:nth-child(2){background:#a1b1cb}.token-swatches i:nth-child(3){background:#426ac6}.token-swatches i:nth-child(4){background:#233150}.token-swatches i:nth-child(5){background:#12151b}.resource-card h3{font-size:1.0625rem;font-weight:500;margin:0 0 12px}.resource-card h3 span{color:#6c778a;font-size:.75rem;margin-left:12px}.resource-card p{color:#858e9e;font-size:.875rem;line-height:1.8;margin:0;max-width:280px}.resource-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:.75rem;color:#b0b9c8}.resource-card:hover .resource-bottom{color:#fff}.home-ai{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:108px;padding-bottom:100px}.home-ai h2{margin:20px 0;font-size:38px}.home-ai h2 span{color:#8e98aa}.home-ai .home-text-link{margin-top:28px}.ai-code{border:1px solid #282e39;border-radius:10px;background:#0e1117;overflow:hidden;box-shadow:0 25px 90px #0004}.ai-code>div{display:flex;gap:9px;padding:14px 20px;border-bottom:1px solid #222834;font:.75rem DM Mono,monospace;color:#8793a8}.ai-code>div span:last-child{margin-left:auto;color:#58657b}.ai-code pre{margin:0;padding:28px;color:#a6c5b6;overflow:auto;line-height:1.85;font-size:.875rem}.code-key{color:#9dafe0}.code-dim{color:#707f96}.ai-code>a{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #222834;text-decoration:none;font-size:.75rem;color:#8e9bb0}.home-footer{max-width:1136px;margin:auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}.home-footer>span,.home-footer>a:last-child{font-size:.75rem;color:#6d7789;text-decoration:none}.home-footer .brand strong{font-size:1rem}.home-footer .brand img{width:24px;height:24px}@media(min-width:1500px){.doc-layout,.doc-breadcrumb{padding-left:64px}}@media(max-width:1200px){.global-header-inner{gap:26px;padding:0 24px}.primary-nav{gap:20px}.header-search span{display:none}.doc-layout{grid-template-columns:minmax(0,1fr)}.page-toc{display:none}.home-metrics,.home-footer{margin-left:32px;margin-right:32px}.hero{min-height:610px}.hero-art{width:110%;margin-left:-5%}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{width:224px;flex-basis:224px;padding:24px 12px}.global-header-inner{gap:24px}.primary-nav{gap:18px}.brand>span{display:none}.doc-layout{padding:28px 24px}.doc-breadcrumb{padding-left:24px}.hero{grid-template-columns:1.08fr 1fr;min-height:560px;padding-top:72px}.hero h1{font-size:40px}.hero-art{width:130%;margin-left:-15%}.hero-note{gap:12px}.hero-copy>p{font-size:.875rem}.home-metrics a{flex-direction:column;align-items:center;gap:4px}.resource-card h3 span{display:block;margin:4px 0 0}.home-ai{gap:40px}.home-ai h2{font-size:32px}}@media(max-width:760px){.global-header{height:64px}.global-header-inner{padding:0 18px;gap:12px}.global-header .brand>span{display:inline}.primary-nav,.github-link{display:none}.header-search{border:0;padding:0 6px;background:transparent}.header-search kbd{display:none}.header-tools{gap:4px}.desktop-sidebar{display:none}.mobile-menu{display:inline-flex!important}.icon-button{width:40px;height:40px}.doc-breadcrumb{padding:20px 20px 0}.doc-layout{padding:24px 20px}.doc-header h1{font-size:30px}.doc-badges{max-width:none}.doc-header{display:block}.doc-badges{margin-top:18px}.doc-cn{display:block;margin:8px 0 0;font-size:1rem}.example-stage{padding:26px 16px}.example-head{display:flex}.example-tools{overflow:auto;max-width:100%}.example-tools button{white-space:nowrap;min-height:40px}.button-sm{min-height:40px}.search-dialog{margin:8vh auto auto}.search-result-sub{max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-card{padding:16px}.directory-card>div{font-size:.8125rem}.directory-card p{font-size:.8125rem}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:54px 24px}.hero-copy{text-align:left}.hero h1{font-size:clamp(36px,7.6vw,52px);margin-top:26px}.hero-copy>p{font-size:.9375rem}.hero-note{display:none}.hero-art{width:min(440px,110%);margin:-12px auto -26px;align-self:center}.hero-art-label{top:10%;right:12%;font-size:.625rem}.hero-scroll{display:none}.hero-actions{margin-top:28px}.hero-primary,.hero-secondary{min-height:44px}.home-metrics{margin:0 24px;grid-template-columns:repeat(2,1fr);gap:24px;padding:24px 0}.home-metrics a:nth-child(2){border:0}.home-metrics strong{font-size:1.5rem}.home-section{padding:64px 24px 0}.home-section-heading{display:block}.home-section-heading .home-text-link{margin-top:18px}.home-section h2{font-size:28px}.component-showcase{grid-template-columns:1fr}.showcase-panel{padding:25px;min-height:220px}.showcase-panel:nth-child(odd){border-right:0}.showcase-panel:not(:last-child){border-bottom:1px solid var(--line)}.resource-grid{grid-template-columns:1fr;gap:32px}.resource-card{display:grid;grid-template-columns:1fr 100px;gap:0 20px}.resource-number,.resource-card h3{grid-column:1}.resource-card h3 span{display:inline;margin-left:12px}.resource-card p{grid-column:1}.resource-bottom{grid-column:1/-1}.token-swatches,.resource-symbol{grid-column:2;grid-row:1/4;justify-content:center;align-self:center}.token-swatches{flex-wrap:wrap;gap:5px;align-content:center}.token-swatches i{width:26px;height:26px}.home-ai{display:block;padding-bottom:64px}.home-ai h2{font-size:32px}.ai-code{margin-top:32px}.home-footer{margin:0 24px;flex-wrap:wrap;gap:18px}.home-footer>span{order:3;width:100%}.home-footer .brand>span{display:inline}}@media(max-width:420px){.global-header .brand>span{display:none}.directory-grid{grid-template-columns:1fr}.directory-toolbar>span{display:none}.example-tools button{padding:0 7px}.hero h1{font-size:36px}.hero-art{width:115%;margin-left:-7.5%}.showcase-panel{padding:24px 20px}.hero-actions{gap:20px}}.choice-fieldset{border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:10px}.choice-fieldset legend{padding:0 6px;color:var(--muted);font-size:.875rem}.choice-label{display:flex;align-items:center;gap:10px;font-size:.875rem;cursor:pointer}.demo-drawer{margin:0 0 0 auto;width:min(460px,92vw);height:100dvh;max-height:100dvh;border-radius:0}.drawer-body{height:100%;display:flex;flex-direction:column}.native-modal>.dialog{border:0;box-shadow:none}.demo-menu{position:relative;width:fit-content}.demo-menu-panel{margin-top:6px;width:260px;max-width:100%;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md);display:grid;gap:2px}.demo-menu-panel>button{padding:9px 10px;background:transparent;color:var(--text);text-align:left;font-size:.875rem;border-radius:4px;cursor:pointer}.demo-menu-panel>button:hover,.demo-menu-panel>button:focus{background:var(--surface-soft)}.demo-menu-panel>button:disabled{color:var(--muted);cursor:not-allowed}.demo-menu-panel>button>span{display:block;font-size:.75rem;margin-top:4px}.demo-menu-panel>button.menu-danger{color:var(--red);border-top:1px solid var(--line);border-radius:0}.type-display{font-size:2.25rem;font-weight:600}.type-heading{font-size:1.25rem;font-weight:600}.type-body{font-size:1rem;line-height:1.8}.select-control{display:grid;gap:8px}.select-control>label{font-size:.875rem;font-weight:500}.select-trigger{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);color:var(--text);font-size:.875rem;text-align:left;cursor:pointer}.select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.select-trigger svg{flex-shrink:0;color:var(--muted)}.select-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.select-search{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:8px 12px;color:var(--muted)}.select-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font-size:.875rem;outline:none;height:28px}.select-panel ul{margin:0;padding:5px;list-style:none;max-height:230px;overflow-y:auto}.select-panel li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;border-radius:5px;font-size:.875rem;cursor:pointer}.select-panel li.option-active{background:var(--surface-soft)}.select-panel li[aria-disabled=true]{color:var(--muted);opacity:.6;cursor:not-allowed}.select-panel li small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px}.select-panel li>svg{color:var(--brand);flex-shrink:0}.select-empty{color:var(--muted);font-size:.875rem;padding:12px}.select-clear{justify-self:start;font-size:.8125rem}