@font-face{font-family:TT Hoves;src:url(/fonts/TTHoves-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves;src:url(/fonts/TTHoves-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves;src:url(/fonts/TTHoves-DemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TT Hoves;src:url(/fonts/TTHoves-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}[data-theme=light]{--token-color-bg-primary:#f8fafc;--token-color-bg-surface-blue:#e6f3fb;--token-color-bg-surface-grey:#f1f5f9;--token-color-bg-navbar:#e6f6ff;--token-color-bg-disabled:#e2e8f0;--token-color-bg-overlay:#0000007f;--token-color-bg-hover:#f1f5f9;--token-color-bg-selected:#e6f3fb;--token-color-bg-accent:#006eb7;--token-color-text-primary:#0f172a;--token-color-text-secondary:#334155;--token-color-text-tertiary:#64748b;--token-color-text-disabled:#94a3b8;--token-color-text-accent:#0b91db;--token-color-text-inverse-primary:#f8fafc;--token-color-text-inverse-secondary:#f1f5f9;--token-color-text-inverse-disabled:#cbd5e1;--token-color-button-primary:#0b91db;--token-color-button-primary-hover:#006eb7;--token-color-button-primary-pressed:#005892;--token-color-button-secondary:#c2e7fa;--token-color-button-secondary-hover:#8ecef5;--token-color-button-secondary-pressed:#0b91db;--token-color-button-disabled:#e2e8f0;--token-color-border-default:#f1f5f9;--token-color-border-focus:#0b91db;--token-color-border-error:#f4644d;--token-color-border-success:#60ba97;--token-color-border-warning:#f3be5d;--token-color-border-disabled:#f1f5f9;--token-color-border-hover:#e2e8f0;--token-color-status-success:#60ba97;--token-color-status-error:#f4644d;--token-color-status-warning:#f3be5d;--token-color-status-info:#0b91db;--token-color-status-bg-success:#eff8f5;--token-color-status-bg-success-hover:#d9f0e8;--token-color-status-bg-success-pressed:#c4e8da;--token-color-status-bg-error:#fef0ed;--token-color-status-bg-error-hover:#fde1db;--token-color-status-bg-error-pressed:#fbd0c8;--token-color-status-bg-warning:#fef9ef;--token-color-status-bg-warning-hover:#fdf0cc;--token-color-status-bg-warning-pressed:#fbe7a8;--token-color-status-bg-info:#e6f3fb;--token-color-focus-ring-shadow:#0b91db1f;--token-color-shadow-low:#0f172a0f;--token-color-shadow-low-2:#0f172a19;--token-color-shadow-medium:#0f172a23;--token-color-shadow-high:#0f172a38;--token-color-shadow-focus-ring:#0b91db;--token-color-icon-main:#0f172a;--token-color-icon-secondary:#475569;--token-color-icon-muted:#94a3b8;--token-color-icon-brand:#0b91db;--token-color-icon-inverse-main:#f8fafc;--token-color-icon-inverse-secondary:#f1f5f9;--token-color-link-default:#006eb7;--token-color-link-hover:#005892;--token-color-link-visited:#4a569a;--token-color-link-disabled:#94a3b8;--token-color-chip-bg:#e2e8f0;--token-color-chip-text:#1e293b;--token-color-chip-hover:#cbd5e1;--token-color-chip-selected:#94a3b8;--token-color-badge-powder-blue-bg:#b7d1e1;--token-color-badge-powder-blue-text:#1e3848;--token-color-badge-sky-blue-bg:#8cd5ff;--token-color-badge-sky-blue-text:#003859;--token-color-badge-purple-bg:#d9d1fb;--token-color-badge-purple-text:#493b89;--token-color-badge-teal-bg:#b0d9d3;--token-color-badge-teal-text:#17403a;--token-color-badge-pink-bg:#f0d2e5;--token-color-badge-pink-text:#6c405b;--token-color-badge-cyan-bg:#93d9e2;--token-color-badge-cyan-text:#054249;--token-color-badge-orange-bg:#edcbac;--token-color-badge-orange-text:#543213;--token-color-badge-indigo-bg:#bec4e6;--token-color-badge-indigo-text:#252b4d;--token-color-badge-cool-grey-bg:#e2e8f0;--token-color-badge-cool-grey-text:#1e293b;--token-color-badge-red-bg:#fbc1b8;--token-color-badge-red-text:#6d2012;--token-color-badge-green-bg:#bfe3d5;--token-color-badge-green-text:#1e4838}[data-theme=dark]{--token-color-bg-primary:#0f172a;--token-color-bg-surface-blue:#002c49;--token-color-bg-surface-grey:#1e293b;--token-color-bg-navbar:#00426e;--token-color-bg-disabled:#475569;--token-color-bg-overlay:#0009;--token-color-bg-hover:#1e293b;--token-color-bg-selected:#031c2d;--token-color-bg-accent:#0b91db;--token-color-text-primary:#f8fafc;--token-color-text-secondary:#f1f5f9;--token-color-text-tertiary:#e2e8f0;--token-color-text-disabled:#94a3b8;--token-color-text-accent:#52b3ea;--token-color-text-inverse-primary:#e2e8f0;--token-color-text-inverse-secondary:#cbd5e1;--token-color-text-inverse-disabled:#475569;--token-color-button-primary:#006eb7;--token-color-button-primary-hover:#0b91db;--token-color-button-primary-pressed:#52b3ea;--token-color-button-secondary:#00426e;--token-color-button-secondary-hover:#002c49;--token-color-button-secondary-pressed:#031c2d;--token-color-button-disabled:#334155;--token-color-border-default:#1e293b;--token-color-border-focus:#0b91db;--token-color-border-error:#f68371;--token-color-border-success:#80c8ac;--token-color-border-warning:#f5cb7d;--token-color-border-disabled:#1e293b;--token-color-border-hover:#334155;--token-color-status-success:#60ba97;--token-color-status-error:#f4644d;--token-color-status-warning:#f3be5d;--token-color-status-info:#52b3ea;--token-color-status-bg-success:#1d382e;--token-color-status-bg-success-hover:#26473a;--token-color-status-bg-success-pressed:#162c23;--token-color-status-bg-error:#4f0e03;--token-color-status-bg-error-hover:#611508;--token-color-status-bg-error-pressed:#3d0a02;--token-color-status-bg-warning:#59431b;--token-color-status-bg-warning-hover:#6b5120;--token-color-status-bg-warning-pressed:#483614;--token-color-status-bg-info:#031c2d;--token-color-focus-ring-shadow:#0b91db1f;--token-color-shadow-low:#0000004c;--token-color-shadow-low-2:#00000072;--token-color-shadow-medium:#0000008c;--token-color-shadow-high:#000000b2;--token-color-shadow-focus-ring:#0b91db;--token-color-icon-main:#f8fafc;--token-color-icon-secondary:#cbd5e1;--token-color-icon-muted:#94a3b8;--token-color-icon-brand:#52b3ea;--token-color-icon-inverse-main:#f1f5f9;--token-color-icon-inverse-secondary:#cbd5e1;--token-color-link-default:#52b3ea;--token-color-link-hover:#8ecef5;--token-color-link-visited:#5c6bc0;--token-color-link-disabled:#475569;--token-color-chip-bg:#334155;--token-color-chip-text:#f1f5f9;--token-color-chip-hover:#475569;--token-color-chip-selected:#475569;--token-color-badge-powder-blue-bg:#1e3848;--token-color-badge-powder-blue-text:#dbe8f0;--token-color-badge-sky-blue-bg:#003859;--token-color-badge-sky-blue-text:#bfe8ff;--token-color-badge-purple-bg:#493b89;--token-color-badge-purple-text:#ece8fd;--token-color-badge-teal-bg:#17403a;--token-color-badge-teal-text:#d8ece9;--token-color-badge-pink-bg:#6c405b;--token-color-badge-pink-text:#f8e9f2;--token-color-badge-cyan-bg:#054249;--token-color-badge-cyan-text:#d8ece9;--token-color-badge-orange-bg:#543213;--token-color-badge-orange-text:#f6e5d6;--token-color-badge-indigo-bg:#252b4d;--token-color-badge-indigo-text:#dee1f2;--token-color-badge-cool-grey-bg:#1e293b;--token-color-badge-cool-grey-text:#f1f5f9;--token-color-badge-red-bg:#6d2012;--token-color-badge-red-text:#fde0db;--token-color-badge-green-bg:#1e4838;--token-color-badge-green-text:#dff1ea}:root{--color-bg:var(--token-color-bg-primary);--color-text:var(--token-color-text-primary);--color-accent:var(--token-color-text-accent);--color-border:var(--token-color-border-default);--color-aside-bg:var(--token-color-bg-surface-grey);--color-text-secondary:var(--token-color-text-secondary);--color-text-muted:var(--token-color-text-tertiary);--color-error-subtle:var(--token-color-status-bg-error);--color-error:var(--token-color-border-error);--font-heading:"TT Hoves", sans-serif;--font-body:"Roboto", sans-serif;--font-size-4xl:40px;--font-size-3xl:32px;--font-size-2xl:26px;--font-size-xl:22px;--font-size-l:20px;--font-size-h4:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--letter-spacing-tight:-.5px;--line-height-heading:1.4;--line-height-body:1.4;--line-height-secondary:1.36;--line-height-component:1.2;--font-line-height-tight:1.2;--font-line-height-normal:1.5;--font-line-height-relaxed:1.75;--text-heading-h1:500 var(--font-size-2xl)/var(--font-line-height-tight) var(--font-heading);--text-heading-h2:500 var(--font-size-xl)/var(--font-line-height-tight) var(--font-heading);--text-heading-h3:500 var(--font-size-l)/var(--font-line-height-tight) var(--font-heading);--text-heading-h4:500 var(--font-size-h4)/var(--font-line-height-tight) var(--font-heading);--text-body-primary:400 var(--font-size-m)/var(--font-line-height-normal) var(--font-body);--text-body-secondary:400 var(--font-size-s)/var(--font-line-height-normal) var(--font-body);--text-component-button:500 var(--font-size-s)/var(--font-line-height-tight) var(--font-body);--text-component-placeholder:400 var(--font-size-s)/var(--font-line-height-tight) var(--font-body);--text-component-label:400 var(--font-size-xs)/var(--font-line-height-tight) var(--font-body);--text-component-helper:400 var(--font-size-xs)/var(--font-line-height-tight) var(--font-body);--spacing-none:0;--spacing-xs:2px;--spacing-s:4px;--spacing-m:6px;--spacing-l:8px;--spacing-xl:12px;--spacing-2xl:16px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:48px;--spacing-6xl:64px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);margin:0}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--line-height-heading);font-family:var(--font-heading);margin:0 0 16px}p{font-family:var(--font-body);margin:0 0 16px}a{color:var(--color-accent);font-family:var(--font-body);text-decoration:none}a:hover{text-decoration:underline}li,td,button,input{font-family:var(--font-body)}.theme-toggle{all:unset;box-sizing:border-box;width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-toggle:hover{color:var(--color-text);background:#80808026}.theme-toggle svg{display:block}.aside-menu{padding:28px 0 48px}.aside-menu__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 12px 28px 20px;display:flex}.aside-menu__logo{align-items:center;gap:10px;min-width:0;text-decoration:none;transition:opacity .15s;display:flex}.aside-menu__logo:hover{opacity:.75;text-decoration:none}.aside-menu__logo-img{flex-shrink:0;width:auto;height:32px;display:block}.aside-menu__logo-text{font-family:var(--font-heading);font-size:var(--font-size-s);color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;font-weight:500;line-height:1}.aside-menu__logo-pmh{font-family:var(--font-body);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.aside-menu__group{margin-bottom:4px}.aside-menu__group-label{font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px 10px 20px;font-weight:600;display:flex}.aside-menu__group-toggle{all:unset;box-sizing:border-box;width:100%;font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;font-weight:600;font-family:var(--font-body);border-radius:4px;justify-content:space-between;align-items:center;padding:10px 16px 10px 20px;transition:color .15s,background .15s;display:flex}.aside-menu__group-toggle:hover{color:var(--color-text);background:#80808014}.aside-menu__group-toggle.active{color:var(--color-accent)}.aside-menu__chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:6px;height:6px;margin-top:1px;transition:transform .2s;display:inline-block;transform:rotate(-45deg)}.aside-menu__group.is-open .aside-menu__chevron{margin-top:-2px;transform:rotate(45deg)}.aside-menu__items{max-height:0;transition:max-height .28s;overflow:hidden}.aside-menu__items.is-open{max-height:400px}.aside-menu__list{margin:0;padding:0 0 12px;list-style:none}.aside-menu__link{font-size:var(--font-size-s);color:var(--color-text-secondary);line-height:var(--line-height-component);border-left:2px solid #0000;padding:10px 20px 10px 28px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:block}.aside-menu__link:hover{color:var(--color-accent);background:#006eb70d;text-decoration:none}.aside-menu__link.active{color:var(--color-accent);border-left-color:var(--color-accent);background:#006eb714;font-weight:500}.aside-menu__placeholder{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:10px 20px 10px 28px;font-style:italic}.page-header{border-bottom:1px solid var(--color-border);max-width:720px;margin-bottom:80px;padding-bottom:48px}.page-header__category{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:16px;font-weight:600;display:block}.page-header__title{font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);color:var(--color-text);margin:0 0 16px;font-weight:500;line-height:1.15}.page-header__title:last-child{margin-bottom:0}.page-header__desc{font-family:var(--font-body);font-size:var(--font-size-m);color:#666;line-height:var(--line-height-body);margin:0}.page-about{max-width:680px}.page-about__section{margin-bottom:72px}.page-about__section>h2{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;margin-bottom:32px;font-size:22px;font-weight:500}.page-about__goals{flex-direction:column;display:flex}.page-about__goal{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:32px;padding-bottom:32px;display:flex}.page-about__goal:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.page-about__goal-num{font-family:var(--font-body);color:var(--color-accent);flex-shrink:0;width:40px;padding-top:2px;font-size:13px;font-weight:400}.page-about__goal-title{font-family:var(--font-heading);color:var(--color-text);font-size:16px;font-weight:500;line-height:var(--line-height-heading);display:block}.page-about__goal-text{font-family:var(--font-body);color:#64748b;font-size:14px;line-height:var(--line-height-body);margin:4px 0 0}.page-about__problems{flex-direction:column;display:flex}.page-about__problem-row{border-bottom:1px solid var(--color-border);align-items:center;padding:10px 0;display:flex}.page-about__problem-row:first-child{border-top:1px solid var(--color-border)}.page-about__problem-was{font-family:var(--font-body);color:#94a3b8;font-size:14px;line-height:var(--line-height-body);flex:1}.page-about__problem-arrow{color:var(--color-accent);flex-shrink:0;margin:0 16px;font-size:14px}.page-about__problem-became{font-family:var(--font-body);color:var(--color-text);font-size:14px;font-weight:500;line-height:var(--line-height-body);flex:1}.page-about__principles{flex-direction:column;gap:28px;display:flex}.page-about__principle{display:flex}.page-about__principle-num{font-family:var(--font-body);color:var(--color-accent);flex-shrink:0;width:32px;padding-top:2px;font-size:13px;font-weight:600}.page-about__principle-body strong{font-family:var(--font-heading);color:var(--color-text);font-size:15px;font-weight:500;line-height:var(--line-height-heading);display:block}.page-about__principle-body p{font-family:var(--font-body);color:#64748b;font-size:14px;line-height:var(--line-height-body);margin:4px 0 0}.page-about__limitations{border-left:3px solid var(--color-accent);padding:4px 0 4px 24px}.page-about__limitations p{font-family:var(--font-body);font-size:14px;line-height:var(--line-height-body);color:var(--color-text-secondary);margin-bottom:12px}.page-about__limitations p:last-child{margin-bottom:0}.arch-intro{font-family:var(--font-body);font-size:14px;line-height:var(--line-height-body);color:var(--color-text-secondary);margin-bottom:32px}.arch-diagram{margin-bottom:40px;display:block}.arch-diagram--v{display:none}.arch-levels{flex-direction:column;gap:28px;display:flex}.arch-level{display:flex}.arch-level__num{font-family:var(--font-body);color:var(--color-accent);flex-shrink:0;width:32px;padding-top:2px;font-size:13px;font-weight:600}.arch-level__body{flex:1;min-width:0}.arch-level__title{font-family:var(--font-heading);color:var(--color-text);font-size:15px;font-weight:500;line-height:var(--line-height-heading);display:block}.arch-level__text{font-family:var(--font-body);color:#64748b;font-size:14px;line-height:var(--line-height-body);margin:4px 0 0}.arch-level__theme{border-left:2px solid var(--color-accent);margin-top:16px;padding-left:16px}.arch-level__theme-title{font-family:var(--font-heading);color:var(--color-text-secondary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.arch-level__theme-text{font-family:var(--font-body);color:#64748b;font-size:14px;line-height:var(--line-height-body);margin:0}@media (width<=767px){.arch-diagram--h{display:none}.arch-diagram--v{display:block}}.page-colors{width:100%}.colors-tabs{margin-bottom:40px}.colors-tabs__list{align-items:flex-end;display:flex}.colors-tab{all:unset;box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-right:32px;padding:12px 0;font-weight:400;line-height:1;transition:color .2s,border-color .2s}.colors-tab:hover{color:var(--color-text)}.colors-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.colors-tabs__underline{border-bottom:1px solid var(--color-border);margin-top:-1px}.colors-tab-panel{animation:.2s ease-out colors-tab-fade}@keyframes colors-tab-fade{0%{opacity:0}to{opacity:1}}.principles-tab{max-width:720px}.principles-tab__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text);font-weight:500;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);margin:0 0 40px}.principles-tab__blocks{flex-direction:column;gap:40px;display:flex}.principles-tab__block-title{font-family:var(--font-heading);font-size:var(--font-size-l);color:var(--color-text);font-weight:500;line-height:var(--line-height-heading);margin:0 0 12px}.principles-tab__block-text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0}.principles-tab__code{font-family:monospace;font-size:var(--font-size-xs);background:var(--color-aside-bg);border-radius:4px;padding:2px 6px}.colors-intro{flex-direction:column;gap:24px;margin-bottom:40px;display:flex}.colors-intro__heading{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:500;line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 8px}.colors-intro__sub{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0 0 16px}.colors-intro__text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0 0 8px}.colors-intro__text:last-child{margin-bottom:0}.colors-intro__callout{background:var(--color-error-subtle);border-left:3px solid var(--color-error);border-radius:0 8px 8px 0;max-width:560px;padding:16px 20px}.colors-intro__callout-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.colors-intro__callout-icon{font-size:var(--font-size-m);line-height:1}.colors-intro__callout-title{font-family:var(--font-heading);font-size:var(--font-size-m);color:var(--color-error);font-weight:500;line-height:var(--line-height-body);margin:0}.colors-intro__callout-text{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-error);line-height:var(--line-height-secondary);margin:0}.colors-section{margin-bottom:96px}.colors-section__heading{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 8px}.colors-section__desc{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-secondary);margin:0 0 24px}.colors-grid{grid-template-columns:1fr;gap:16px;display:grid}.color-card{background:var(--color-bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012,0 0 0 1px #0000000a}.color-card__header{background:var(--token-color-bg-surface-grey);min-height:80px;padding:20px}.color-card__title{font-family:var(--font-heading);font-size:var(--font-size-m);color:var(--color-text);font-weight:500;line-height:var(--line-height-secondary);margin-bottom:6px;display:block}.color-card__desc{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.color-swatch{justify-content:space-between;align-items:center;height:54px;padding:0 14px;display:flex}.color-swatch__name{font-family:var(--font-body);font-size:var(--font-size-s);line-height:var(--line-height-component)}.color-swatch__contrast{font-family:var(--font-body);font-size:var(--font-size-xs);opacity:.85;line-height:var(--line-height-component)}.colors-loading{text-align:center;font-family:var(--font-body);font-size:var(--font-size-m);color:var(--token-color-text-disabled);padding:60px 0}.ct-section{padding-top:8px}.ct-heading{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-xl);line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 12px}.ct-intro{font-family:var(--font-heading);font-weight:400;font-size:var(--font-size-m);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:570px;margin:0 0 20px}.ct-rows{flex-direction:column;gap:64px;display:flex}.ct-row{opacity:0;flex-direction:column;gap:48px;transition:opacity .4s ease-out,transform .4s ease-out;display:flex;transform:translateY(16px)}.ct-row.is-visible{opacity:1;transform:translateY(0)}.ct-group{flex-direction:column;gap:28px;width:100%;display:flex}.ct-group__title{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-l);line-height:var(--line-height-heading);color:var(--color-text);margin:0}.ct-group__items{flex-direction:column;gap:12px;display:flex}.ct-group__note{font-family:var(--font-heading);font-weight:400;font-size:var(--font-size-s);line-height:var(--line-height-body);color:var(--color-text);margin:0}.ct-item{align-items:center;gap:16px;display:flex}.ct-item__swatch{border-radius:6px;flex-shrink:0;width:64px;height:64px}.ct-item__text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.ct-item__name{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-s);line-height:var(--line-height-body);color:var(--color-text);word-break:break-word}.ct-item__desc{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-xs);line-height:var(--line-height-body);color:var(--color-text-secondary)}.ct-chip{opacity:0;margin-top:64px;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.ct-chip.is-visible{opacity:1;transform:translateY(0)}.ct-chip__heading{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-l);line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 28px}.ct-chip__cols{flex-direction:column;gap:40px;display:flex}.ct-chip__col{flex-direction:column;flex:1;gap:16px;display:flex}.ct-chip__col-heading{font-family:var(--font-heading);font-weight:500;font-size:var(--font-size-m);line-height:var(--line-height-heading);color:var(--color-text);margin:0}.page-style{width:100%}.page-section{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.page-section.visible{opacity:1;transform:translateY(0)}.page-style__section{margin-bottom:120px}.page-style__section h2{font-size:var(--font-size-xl);font-family:var(--font-heading);letter-spacing:-.01em;margin-bottom:12px}.page-style__section p{font-size:var(--font-size-m);line-height:var(--line-height-body);color:var(--color-text-muted);margin:0}.badge{font-family:var(--font-body);white-space:nowrap;border-radius:100px;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge--md{padding:5px 10px}.badge--sm{padding:3px 8px}.badge__icon{flex-shrink:0;align-items:center;display:inline-flex}.badge__icon svg{display:block}.badge--powder-blue{background:var(--token-color-badge-powder-blue-bg);color:var(--token-color-badge-powder-blue-text)}.badge--sky-blue{background:var(--token-color-badge-sky-blue-bg);color:var(--token-color-badge-sky-blue-text)}.badge--purple{background:var(--token-color-badge-purple-bg);color:var(--token-color-badge-purple-text)}.badge--teal{background:var(--token-color-badge-teal-bg);color:var(--token-color-badge-teal-text)}.badge--pink{background:var(--token-color-badge-pink-bg);color:var(--token-color-badge-pink-text)}.badge--cyan{background:var(--token-color-badge-cyan-bg);color:var(--token-color-badge-cyan-text)}.badge--orange{background:var(--token-color-badge-orange-bg);color:var(--token-color-badge-orange-text)}.badge--indigo{background:var(--token-color-badge-indigo-bg);color:var(--token-color-badge-indigo-text)}.badge--cool-grey{background:var(--token-color-badge-cool-grey-bg);color:var(--token-color-badge-cool-grey-text)}.badge--red{background:var(--token-color-badge-red-bg);color:var(--token-color-badge-red-text)}.badge--green{background:var(--token-color-badge-green-bg);color:var(--token-color-badge-green-text)}.badge--success{background:var(--token-color-status-bg-success);color:var(--token-color-status-success)}.badge--error{background:var(--token-color-status-bg-error);color:var(--token-color-status-error)}.badge--warning{background:var(--token-color-status-bg-warning);color:var(--token-color-status-warning)}.badge--info{background:var(--token-color-status-bg-info);color:var(--token-color-status-info)}.page-typography{width:100%;max-width:960px}.typo-section{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.typo-section.visible{opacity:1;transform:translateY(0)}.page-typography .pb-header{max-width:720px;margin-bottom:var(--spacing-4xl)}.page-typography .pb-header__category{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--spacing-2xl);font-weight:600;display:block}.page-typography .pb-header__title{font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);color:var(--color-text);margin:0 0 var(--spacing-2xl);font-weight:500;line-height:1.15}.page-typography .pb-header__desc{font:var(--text-body-primary);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl)}.page-typography .pb-header__desc--secondary{font:var(--text-body-secondary);margin-bottom:0}.typo-divider{background:var(--color-border);height:1px}.typo-group{padding:var(--spacing-4xl) 0;gap:var(--spacing-3xl);flex-direction:column;display:flex}.typo-group__header{justify-content:space-between;align-items:center;gap:var(--spacing-3xl);display:flex}.typo-group__name-wrap{align-items:flex-start;gap:var(--spacing-m);flex-direction:column;display:flex}.typo-group__name{font-family:var(--font-heading);font-size:var(--font-size-l);color:var(--color-text);font-weight:500;line-height:var(--font-line-height-tight)}.typo-group__usage{font:var(--text-body-secondary);color:var(--color-text-secondary);text-align:right;max-width:360px;margin:0}.typo-items{gap:var(--spacing-2xl);flex-direction:column;display:flex}.typo-item{justify-content:space-between;align-items:center;gap:var(--spacing-3xl);background:var(--token-color-bg-surface-blue);padding:var(--spacing-4xl);border-radius:12px;display:flex}.typo-item__sample{min-width:0;color:var(--color-text);flex:1;margin:0}.typo-item__spec{font:var(--text-component-button);color:var(--color-accent);opacity:.8;white-space:nowrap;flex-shrink:0}@media (width<=768px){.page-typography .pb-header__title{font-size:var(--font-size-2xl)}.typo-group{padding:var(--spacing-3xl) 0}.typo-group__header{align-items:flex-start;gap:var(--spacing-l);flex-direction:column}.typo-group__usage{text-align:left;max-width:none}.typo-item{padding:var(--spacing-2xl)}}.page-icons{flex-direction:column;gap:40px;width:100%;display:flex}.icons-controls{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.icons-control{flex-direction:column;gap:8px;display:flex}.icons-control--search{flex:1;min-width:180px}.icons-control__label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:500;line-height:1}.icons-size-btns{gap:4px;display:flex}.icons-size-btn{all:unset;box-sizing:border-box;border:1px solid var(--token-color-border-default);width:36px;height:36px;font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.icons-size-btn:hover{border-color:var(--token-color-border-focus);color:var(--color-text)}.icons-size-btn--active{background:var(--token-color-button-primary);border-color:var(--token-color-button-primary);color:var(--token-color-text-inverse-primary)}.icons-color-btns{align-items:center;gap:8px;display:flex}.icons-color-dot{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,transform .15s;display:inline-flex}.icons-color-dot:hover{transform:scale(1.1)}.icons-color-dot--active{border-color:var(--token-color-border-focus)}.icons-color-dot--dark{box-shadow:inset 0 0 0 1px #00000026}.icons-color-dot--custom{position:relative;overflow:hidden}.icons-color-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.icons-search{all:unset;box-sizing:border-box;border:1px solid var(--token-color-border-default);width:100%;height:36px;font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text);background:var(--color-bg);border-radius:8px;padding:0 12px;transition:border-color .15s;display:block}.icons-search::placeholder{color:var(--token-color-text-disabled)}.icons-search:focus{border-color:var(--token-color-border-focus);outline:none}.icons-layout{align-items:flex-start;gap:24px;display:flex}.icons-grid-wrap{border-radius:12px;flex:1;min-width:0;padding:4px}.icons-grid-wrap--dark{background:#1e293b;border-radius:12px;padding:16px}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;display:grid}.icons-empty{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--token-color-text-disabled);text-align:center;margin:0;padding:48px 0}.icon-cell{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px;transition:background .15s,border-color .15s;display:flex}.icon-cell:hover{background:var(--token-color-bg-hover)}.icon-cell--active{border-color:var(--token-color-border-focus);background:var(--token-color-bg-selected)}.icon-cell__glyph{flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-cell__glyph svg{display:block}.icon-cell__placeholder{background:var(--token-color-bg-disabled);border-radius:4px;display:block}.icon-cell__name{font-family:var(--font-body);color:var(--token-color-text-disabled);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;line-height:1.2;overflow:hidden}.icon-preview{background:var(--color-bg);border:1px solid var(--token-color-border-default);border-radius:12px;flex-shrink:0;width:280px;position:sticky;top:24px;overflow:hidden}.icon-preview__head{border-bottom:1px solid var(--token-color-border-default);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.icon-preview__name{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.icon-preview__close{all:unset;box-sizing:border-box;width:24px;height:24px;color:var(--token-color-text-disabled);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:background .15s,color .15s;display:flex}.icon-preview__close:hover{background:var(--token-color-bg-hover);color:var(--color-text)}.icon-preview__hero{background:var(--token-color-bg-surface-grey);justify-content:center;align-items:center;height:96px;display:flex}.icon-preview__meta{border-bottom:1px solid var(--token-color-border-default);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.icon-preview__meta-row{align-items:baseline;gap:8px;display:flex}.icon-preview__meta-key{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-disabled);flex-shrink:0;width:32px}.icon-preview__meta-val{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-preview__buttons{flex-direction:column;gap:20px;padding:20px;display:flex}.icon-preview__variant{flex-direction:column;gap:10px;display:flex}.icon-preview__variant-label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-disabled);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.icon-preview__row{align-items:center;gap:8px;display:flex}.icon-btn{all:unset;box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-s);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn--icon-only{padding:7px}.icon-btn--primary{background:var(--token-color-button-primary);color:var(--token-color-text-inverse-primary)}.icon-btn--primary:hover{background:var(--token-color-button-primary-hover)}.icon-btn--primary svg{stroke:var(--token-color-text-inverse-primary)}.icon-btn--secondary{background:var(--token-color-button-secondary);color:var(--token-color-text-accent);border:1px solid var(--token-color-button-secondary)}.icon-btn--secondary:hover{background:var(--token-color-button-secondary-hover)}.icon-btn--secondary svg{stroke:var(--token-color-text-accent)}.icon-btn--ghost{color:var(--color-text);border:1px solid var(--token-color-border-default);background:0 0}.icon-btn--ghost:hover{background:var(--token-color-bg-hover)}.icon-btn--ghost svg{stroke:var(--color-text)}.page-spacing{width:100%;max-width:960px}.sp-header{margin-bottom:56px}.sp-header__category{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:16px;font-weight:600;display:block}.sp-header__title{font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);color:var(--token-color-text-primary);margin:0 0 12px;font-weight:500;line-height:1.15}.sp-header__desc{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--token-color-text-secondary);line-height:var(--line-height-body);max-width:560px;margin:0}.sp-section{padding:48px 0}.sp-section__heading{font-family:var(--font-heading);font-size:var(--font-size-h4);color:var(--token-color-text-primary);font-weight:500;line-height:var(--line-height-heading);margin:0 0 8px}.sp-section__sub{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--token-color-text-secondary);line-height:var(--line-height-body);margin:0 0 24px}.sp-divider{border:none;border-top:1px solid var(--token-color-border-default);margin:0}.sp-two-col{grid-template-columns:300px 1fr;align-items:start;gap:32px;display:grid}.sp-two-col--rules{grid-template-columns:1fr 1fr}.sp-two-col__text{padding-top:4px}.sp-body{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);line-height:var(--line-height-body);margin:0 0 14px}.sp-body--last{margin-bottom:0}.sp-mono{font-family:monospace;font-size:var(--font-size-xs);background:var(--token-color-bg-surface-grey);color:var(--token-color-text-primary);border-radius:4px;padding:1px 5px}.sp-scale-card{background:var(--token-color-bg-surface-grey);border-radius:13px;padding:20px 24px}.sp-mode-tabs{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.sp-mode-tab{all:unset;box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;color:var(--token-color-text-tertiary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;min-height:28px;padding:5px 10px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.sp-mode-tab:hover{color:var(--token-color-text-primary);background:var(--token-color-bg-hover)}.sp-mode-tab.is-active{color:var(--token-color-text-accent);background:var(--token-color-bg-surface-blue);border-color:var(--token-color-border-focus)}.sp-scale{flex-direction:column;gap:8px;display:flex}.sp-scale__row{grid-template-columns:110px 1fr 36px;align-items:center;gap:10px;display:grid}.sp-scale__name{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);white-space:nowrap}.sp-scale__name strong{color:var(--token-color-text-primary);font-weight:600}.sp-scale__bar-wrap{background:var(--token-color-bg-primary);border-radius:4px;height:8px;overflow:hidden}.sp-scale__bar{background:var(--token-color-text-accent);border-radius:4px;min-width:2px;height:100%;transition:width .25s}.sp-scale__val{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);text-align:right;white-space:nowrap;font-weight:500}.sp-table-wrap{-webkit-overflow-scrolling:touch;margin-bottom:12px;overflow-x:auto}.sp-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--font-size-xs);min-width:640px}.sp-table__th{font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--token-color-text-tertiary);border-bottom:1px solid var(--token-color-border-default);white-space:nowrap;text-align:left;padding:10px 12px;font-weight:600}.sp-table__th--num{text-align:center;width:64px}.sp-table__th--desc{text-align:left}.sp-table__row{border-bottom:1px solid var(--token-color-border-default);transition:background .12s}.sp-table__row:last-child{border-bottom:none}.sp-table__row:hover{background:var(--token-color-bg-hover)}.sp-table__td{color:var(--token-color-text-secondary);vertical-align:middle;padding:10px 12px}.sp-table__td--num{text-align:center;font-variant-numeric:tabular-nums;color:var(--token-color-text-primary);font-weight:500}.sp-table__td--desc{color:var(--token-color-text-tertiary);font-size:var(--font-size-xs)}.sp-token-name{font-family:monospace;font-size:var(--font-size-xs);color:var(--token-color-text-primary);background:var(--token-color-bg-surface-grey);white-space:nowrap;border-radius:4px;padding:2px 6px}.sp-table__dash{color:var(--token-color-text-disabled)}.sp-footnote{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);margin:0}.sp-rules-block{margin-bottom:28px}.sp-rules-block:last-child{margin-bottom:0}.sp-rules__heading{font-family:var(--font-heading);font-size:var(--font-size-s);margin:0 0 10px;font-weight:600}.sp-rules__heading--no{color:var(--token-color-status-error)}.sp-rules__heading--yes{color:var(--token-color-status-success)}.sp-rules__list{flex-direction:column;gap:6px;margin:0;padding:0 0 0 18px;display:flex}.sp-rules__list li{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);line-height:var(--line-height-body)}.sp-examples-card{padding:20px 24px}.sp-examples-card__heading{font-family:var(--font-body);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--token-color-text-tertiary);margin-bottom:16px;font-weight:600}.sp-examples{flex-direction:column;gap:0;display:flex}.sp-example{border-bottom:1px solid var(--token-color-border-default);grid-template-columns:100px 36px 1fr;align-items:center;gap:8px;padding:7px 0;display:grid}.sp-example:last-child{border-bottom:none}.sp-example__token{font-family:monospace;font-size:var(--font-size-xs);color:var(--token-color-text-primary);white-space:nowrap}.sp-example__px{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-accent);white-space:nowrap;font-weight:600}.sp-example__where{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);line-height:1.4}@media (width<=900px){.sp-two-col,.sp-two-col--rules{grid-template-columns:1fr}}@media (width<=768px){.sp-header__title{font-size:var(--font-size-2xl)}.sp-section{padding:32px 0}.sp-scale__row{grid-template-columns:96px 1fr 32px}}.page-radius{width:100%;max-width:960px}.rd-title-block{margin-bottom:56px}.rd-header__category{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:16px;font-weight:600;display:block}.rd-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--token-color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:0 0 12px;font-weight:500;line-height:1.15}.rd-title-sub{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--token-color-text-secondary);font-weight:400;line-height:var(--line-height-body);max-width:560px;margin:0}.rd-divider{background:var(--token-color-border-default);height:1px}.rd-section-title{font-family:var(--font-heading);font-size:var(--font-size-h4);color:var(--token-color-text-primary);font-weight:500;line-height:var(--line-height-heading);margin:0 0 8px}.rd-body{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:var(--line-height-body);margin:0 0 14px}.rd-body--secondary{color:var(--token-color-text-secondary);font-weight:400}.rd-body--disabled{color:var(--token-color-text-disabled);margin-bottom:0;font-weight:400}.rd-card-label{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--token-color-text-tertiary);letter-spacing:.5px;font-weight:600;line-height:1}.rd-s1{align-items:center;gap:64px;min-height:520px;padding:48px 0;display:flex}.rd-s1__left{flex-shrink:0;width:308px}.rd-s1__card{background:var(--token-color-bg-surface-grey);border-radius:13px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:20px 24px;display:flex}.rd-preview-row{gap:12px;display:flex}.rd-preview-item{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.rd-square{border:2px solid var(--color-accent);flex-shrink:0;width:88px;height:88px;position:relative;overflow:hidden}.rd-square__inner{background:var(--token-color-bg-primary);width:176px;height:176px;position:absolute;top:-2px;left:-2px}.rd-preview-name{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);text-align:center;white-space:nowrap;font-weight:500}.rd-preview-val{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-disabled);text-align:center;font-weight:400}.rd-s2{padding:48px 0}.rd-s2-sub{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--token-color-text-secondary);font-weight:400;line-height:var(--line-height-body);max-width:680px;margin:0 0 24px}.rd-table-scroll{-webkit-overflow-scrolling:touch;border-radius:13px;margin-bottom:12px;overflow-x:auto}.rd-table-outer{background:var(--token-color-border-default);border-radius:13px;flex-direction:column;gap:1px;min-width:700px;display:flex;overflow:hidden}.rd-table__head,.rd-table__row{grid-template-columns:120px repeat(6,90px) 1fr;padding:0 16px;display:grid}.rd-table__head{background:var(--token-color-border-default);padding-top:12px;padding-bottom:12px}.rd-table__row{background:var(--token-color-bg-primary);align-items:center;min-height:44px}.rd-th{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;font-weight:500}.rd-th--desc{text-align:left}.rd-td{font-family:var(--font-body);font-size:var(--font-size-xs);padding:12px 0}.rd-td--token{font-weight:400}.rd-token-pill{font-family:monospace;font-size:var(--font-size-xs);color:var(--token-color-text-primary);background:var(--token-color-bg-surface-grey);white-space:nowrap;border-radius:4px;padding:2px 6px}.rd-td--num{color:var(--token-color-text-secondary);font-weight:400}.rd-td--dash{color:var(--token-color-text-disabled)}.rd-td--desc{color:var(--token-color-text-tertiary);font-weight:400}.rd-pill-badge{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-accent);background:var(--token-color-bg-surface-blue);font-weight:500;line-height:var(--line-height-component);border-radius:999px;align-items:center;padding:1px 7px;display:inline-flex}.rd-footnote{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);margin:0;font-weight:400}.rd-s3{align-items:center;gap:64px;min-height:500px;padding:48px 0;display:flex}.rd-s3__left{flex-shrink:0;width:308px}.rd-rules__heading{font-family:var(--font-heading);font-size:var(--font-size-s);margin:0 0 10px;font-weight:600}.rd-rules__heading--no{color:var(--token-color-status-error)}.rd-rules__heading--yes{color:var(--token-color-status-success)}.rd-list{flex-direction:column;gap:6px;margin:0 0 28px;padding:0 0 0 18px;display:flex}.rd-list:last-child{margin-bottom:0}.rd-list li{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-secondary);font-weight:400;line-height:var(--line-height-body)}.rd-s3__card{background:var(--token-color-bg-surface-grey);border-radius:13px;flex-direction:column;flex:1;gap:12px;min-width:0;padding:20px 24px;display:flex}.rd-usage-list{flex-direction:column;gap:0;display:flex}.rd-usage-row{align-items:center;gap:0;padding:4px 0;display:flex}.rd-usage-token{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-primary);flex-shrink:0;width:120px;font-weight:500}.rd-usage-val{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);flex-shrink:0;width:52px;font-weight:400}.rd-usage-desc{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--token-color-text-tertiary);flex:1;font-weight:400}@media (width<=1024px){.rd-s1,.rd-s3{flex-direction:column;align-items:flex-start;gap:32px;min-height:auto}.rd-s1__left,.rd-s3__left{width:100%}}@media (width<=768px){.rd-title{font-size:var(--font-size-2xl)}.rd-s1,.rd-s2,.rd-s3{padding:32px 0}.rd-preview-row{gap:8px}.rd-square{width:56px;height:56px}.rd-square__inner{width:112px;height:112px}}.page-wip{width:100%}.wip-banner{background:var(--token-color-bg-surface-grey);border-radius:12px;align-items:flex-start;gap:16px;max-width:560px;padding:24px 28px;display:flex}.wip-banner__label{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);background:var(--token-color-bg-disabled);border-radius:6px;flex-shrink:0;margin-top:2px;padding:4px 10px;font-weight:600}.wip-banner__text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0}.btn{cursor:pointer;font-family:var(--font-body);white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn--s{height:28px;padding:0 10px;font-size:13px}.btn--m{height:36px;padding:0 16px;font-size:14px}.btn--l{height:44px;padding:0 20px;font-size:15px}.btn--has-icon-start{padding-left:12px}.btn--has-icon-end{padding-right:12px}.btn--primary{background:var(--token-color-button-primary);color:var(--token-color-text-inverse-primary)}.btn--primary:hover,.btn--primary.is-hover{background:var(--token-color-button-primary-hover)}.btn--primary:active,.btn--primary.is-pressed{background:var(--token-color-button-primary-pressed)}.btn--primary:focus-visible,.btn--primary.is-focus{background:var(--token-color-button-primary);box-shadow:inset 0 0 0 2px var(--token-color-button-primary-hover);outline:none}.btn--secondary{background:var(--token-color-button-secondary);color:var(--token-color-text-accent)}.btn--secondary:hover,.btn--secondary.is-hover{background:var(--token-color-button-secondary-hover)}.btn--secondary:active,.btn--secondary.is-pressed{background:var(--token-color-button-secondary-pressed);color:var(--token-color-text-inverse-primary)}.btn--secondary:focus-visible,.btn--secondary.is-focus{background:var(--token-color-button-secondary);box-shadow:inset 0 0 0 2px var(--token-color-button-secondary-hover);outline:none}.btn--ghost{color:var(--token-color-text-primary);background:0 0}.btn--ghost:hover,.btn--ghost.is-hover{background:var(--token-color-bg-hover)}.btn--ghost:active,.btn--ghost.is-pressed{background:var(--token-color-bg-selected)}.btn--ghost:focus-visible,.btn--ghost.is-focus{box-shadow:inset 0 0 0 2px var(--token-color-border-focus);background:0 0;outline:none}.btn--success{background:var(--token-color-status-bg-success);color:var(--token-color-status-success)}.btn--success:hover,.btn--success.is-hover{background:var(--token-color-status-bg-success-hover)}.btn--success:active,.btn--success.is-pressed{background:var(--token-color-status-bg-success-pressed)}.btn--success:focus-visible,.btn--success.is-focus{background:var(--token-color-status-bg-success);box-shadow:inset 0 0 0 2px var(--token-color-border-success);outline:none}.btn--warning{background:var(--token-color-status-bg-warning);color:var(--token-color-status-warning)}.btn--warning:hover,.btn--warning.is-hover{background:var(--token-color-status-bg-warning-hover)}.btn--warning:active,.btn--warning.is-pressed{background:var(--token-color-status-bg-warning-pressed)}.btn--warning:focus-visible,.btn--warning.is-focus{background:var(--token-color-status-bg-warning);box-shadow:inset 0 0 0 2px var(--token-color-border-warning);outline:none}.btn--danger{background:var(--token-color-status-bg-error);color:var(--token-color-status-error)}.btn--danger:hover,.btn--danger.is-hover{background:var(--token-color-status-bg-error-hover)}.btn--danger:active,.btn--danger.is-pressed{background:var(--token-color-status-bg-error-pressed)}.btn--danger:focus-visible,.btn--danger.is-focus{background:var(--token-color-status-bg-error);box-shadow:inset 0 0 0 2px var(--token-color-border-error);outline:none}.btn:disabled,.btn--disabled{pointer-events:none;background:var(--token-color-button-disabled)!important;color:var(--token-color-text-disabled)!important;box-shadow:none!important}.btn--loading{pointer-events:none;cursor:default}.btn__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.8s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-button{width:100%}@keyframes pb-fade{0%{opacity:0}to{opacity:1}}.pb-caption{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-muted);margin:0 0 24px}.pg{border:1px solid var(--color-border);border-radius:12px;display:flex;overflow:hidden}.pg__controls{background:var(--color-aside-bg);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:20px;width:268px;padding:24px;display:flex}.pg__preview{background:var(--color-bg);flex:1;justify-content:center;align-items:center;min-height:160px;padding:40px 24px;display:flex}.pg-control{flex-direction:column;gap:8px;display:flex}.pg-control--row{flex-direction:row;justify-content:space-between;align-items:center}.pg-control__label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.pg-radios{flex-wrap:wrap;gap:4px;display:flex}.pg-radio{cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;align-items:center;padding:3px 8px;line-height:1.6;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pg-radio input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.pg-radio:hover{background:var(--color-bg);color:var(--color-text)}.pg-radio--on{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pg-toggle{background:var(--color-border);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;width:36px;height:20px;padding:0;transition:background .2s;display:inline-flex}.pg-toggle--on{background:var(--color-accent)}.pg-toggle__thumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:3px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0003}.pg-toggle--on .pg-toggle__thumb{transform:translate(16px)}.variants-table{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;display:flex;overflow:auto hidden}.variants-table__head,.variants-table__row{grid-template-columns:100px repeat(3,1fr);min-width:420px;display:grid}.variants-table__head{background:var(--color-aside-bg);border-bottom:1px solid var(--color-border)}.variants-table__head-cell{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);text-align:center;padding:10px 16px;font-weight:500}.variants-table__head-cell:first-child{text-align:left}.variants-table__row{border-bottom:1px solid var(--color-border)}.variants-table__row:last-child{border-bottom:none}.variants-table__label{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);border-right:1px solid var(--color-border);align-items:center;padding:14px 16px;display:flex}.variants-table__cell{justify-content:center;align-items:center;padding:14px 16px;display:flex}.states-grid{border:1px solid var(--color-border);border-radius:12px;overflow:auto hidden}.states-grid__head,.states-grid__row{grid-template-columns:90px repeat(6,minmax(90px,1fr));min-width:640px;display:grid}.states-grid__head{background:var(--color-aside-bg);border-bottom:1px solid var(--color-border)}.states-grid__head-cell{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;padding:10px 8px}.states-grid__row{border-bottom:1px solid var(--color-border)}.states-grid__row:last-child{border-bottom:none}.states-grid__type-cell{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);border-right:1px solid var(--color-border);align-items:center;padding:16px 12px;display:flex}.states-grid__cell{justify-content:center;align-items:center;padding:16px 8px;display:flex}.usage-blocks{flex-direction:column;gap:20px;max-width:680px;display:flex}.usage-block__title{font-family:var(--font-heading);font-size:var(--font-size-m);color:var(--color-text);margin-bottom:4px;font-weight:600;display:block}.usage-block__text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0}.usage-text:last-child{margin-bottom:0}.usage-rules{flex-direction:column;gap:10px;max-width:680px;display:flex}.usage-rule{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body)}.usage-rule strong{font-family:var(--font-heading);color:var(--color-text);font-weight:600}.ov-example--col{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:16px}.ov-size-row{align-items:center;gap:10px;display:flex}.ov-size-label{width:56px;font-family:var(--font-body);font-size:var(--font-size-xs);color:#00000059;text-align:right;flex-shrink:0}@media (width<=720px){.pg{flex-direction:column}.pg__controls{border-right:none;border-bottom:1px solid var(--color-border);width:100%}.pg__preview{min-height:120px;padding:24px}.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.page-badge{width:100%}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.chip{font-family:var(--font-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1;transition:background .15s;display:inline-flex}.chip--default{background:var(--token-color-chip-bg);color:var(--token-color-chip-text)}.chip--default:hover{background:var(--token-color-chip-hover)}.chip--hover{background:var(--token-color-chip-hover);color:var(--token-color-chip-text)}.chip--selected{background:var(--token-color-chip-selected);color:var(--token-color-chip-text)}.chip--disabled{background:var(--token-color-bg-disabled);color:var(--token-color-text-disabled);pointer-events:none;opacity:.6;cursor:default}.chip__icon{color:var(--token-color-icon-secondary);flex-shrink:0;align-items:center;display:inline-flex}.chip__icon svg{display:block}.chip__close{color:var(--token-color-icon-secondary);flex-shrink:0;align-items:center;display:inline-flex}.chip__close svg{display:block}.page-chip{width:100%}.pb-section{opacity:0;margin-bottom:48px;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.pb-h2{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 8px;font-weight:500}.usage-text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:680px;margin:0}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.inp{flex-direction:column;align-items:flex-start;width:100%;display:flex}.inp__label{font-family:var(--font-body);color:var(--color-text-secondary);white-space:nowrap;padding-bottom:4px;font-size:12px;font-weight:400;line-height:1}.inp--disabled .inp__label{color:var(--color-text-muted)}.inp__field{border-radius:8px;align-items:center;width:100%;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.inp--s .inp__field{gap:6px;padding:8px 12px}.inp--m .inp__field{gap:8px;padding:12px}.inp--l .inp__field{gap:8px;padding:16px}.inp__input{min-width:0;font-family:var(--font-body);color:var(--color-text-secondary);background:0 0;border:none;outline:none;flex:1;font-weight:400}.inp--s .inp__input,.inp--m .inp__input{font-size:14px;line-height:1.3}.inp--l .inp__input{font-size:16px;line-height:1.4}.inp--filled .inp__input,.inp--success .inp__input,.inp--error .inp__input{color:var(--color-text)}.inp--disabled .inp__input{color:var(--color-text-muted)}.inp__input::placeholder{color:var(--color-text-secondary)}.inp--disabled .inp__input::placeholder{color:var(--color-text-muted)}.inp--default .inp__field{background:var(--token-color-bg-primary);border:1px solid var(--token-color-border-default)}.inp--default .inp__field:hover{background:var(--token-color-bg-hover);border-color:var(--token-color-border-hover)}.inp--hover .inp__field{background:var(--token-color-bg-hover);border:1px solid var(--token-color-border-hover)}.inp--focus .inp__field{background:var(--token-color-bg-primary);border:2px solid var(--token-color-border-focus);box-shadow:0 0 0 3px var(--token-color-focus-ring-shadow)}.inp--filled .inp__field{background:var(--token-color-bg-primary);border:1px solid var(--token-color-border-default)}.inp--success .inp__field{background:var(--token-color-bg-primary);border:1px solid var(--token-color-border-success)}.inp--error .inp__field{background:var(--token-color-bg-primary);border:1px solid var(--token-color-border-error)}.inp--disabled .inp__field{background:var(--token-color-bg-disabled);border:none}.inp--disabled{pointer-events:none}.inp__icon-left,.inp__icon-right{color:var(--token-color-icon-secondary);flex-shrink:0;align-items:center;display:inline-flex}.inp__icon-left svg,.inp__icon-right svg{display:block}.inp--success .inp__icon-right{color:var(--token-color-status-success)}.inp--error .inp__icon-right{color:var(--token-color-status-error)}.inp--disabled .inp__icon-left,.inp--disabled .inp__icon-right{color:var(--color-text-muted)}.inp__helper-row{justify-content:space-between;align-items:baseline;width:100%;padding-top:4px;display:flex}.inp__helper,.inp__counter{font-family:var(--font-body);color:var(--color-text-secondary);font-size:12px;font-weight:400;line-height:1}.inp__counter{flex-shrink:0}.inp--success .inp__helper{color:var(--token-color-status-success)}.inp--error .inp__helper{color:var(--token-color-status-error)}.inp--disabled .inp__helper{color:var(--color-text-muted)}.page-input{width:100%}.pb-tabs{margin-bottom:40px}.pb-tabs__list{align-items:flex-end;display:flex}.pb-tab{all:unset;box-sizing:border-box;font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-right:32px;padding:12px 0;font-weight:400;line-height:1;transition:color .2s,border-color .2s}.pb-tab:hover{color:var(--color-text)}.pb-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.pb-tabs__underline{border-bottom:1px solid var(--color-border);margin-top:-1px}.pb-panel{animation:.2s ease-out pi-fade}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}.ov-example{background:var(--color-aside-bg);border-radius:13px;flex:1;justify-content:center;align-items:center;min-height:120px;padding:32px;display:flex}.ov-example--form{padding:32px}.inp-form-card{background:var(--color-bg);border-radius:12px;flex-direction:column;gap:16px;width:360px;padding:28px 24px;display:flex;box-shadow:0 4px 12px #0000000f}.inp-form-card .inp{width:100%}.ov-example--card{justify-content:flex-start;align-items:flex-start;padding:28px 32px}.inp-states-card{background:var(--color-bg);border-radius:12px;flex-direction:column;gap:32px;width:100%;padding:24px 64px 24px 16px;display:flex}.inp-state-row{align-items:flex-start;gap:20px;display:flex}.inp-badge-col{flex-shrink:0;justify-content:flex-end;width:90px;padding-top:18px;display:flex}.inp-field-col{flex:1;max-width:320px}.ov-section:last-of-type .inp-states-card{gap:20px}.pb-section{opacity:0;max-width:720px;margin-bottom:48px;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(16px)}.pb-section.is-visible{opacity:1;transform:translateY(0)}.usage-h3{font-family:var(--font-heading);font-size:var(--font-size-l);color:var(--color-text);margin:0 0 10px;font-weight:500}.usage-text{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example,.inp-form-card{width:100%}.inp-states-card{padding-right:16px}}.page-checkbox{width:100%}.ov-example.cb-row{gap:28px}.cb{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.cb--s{gap:6px}.cb--m{gap:8px}.cb-box{box-sizing:border-box;border:1.5px solid var(--token-color-border-default);background:var(--token-color-bg-surface-blue);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cb-box--s{width:14px;height:14px}.cb-box--m{width:18px;height:18px}.cb-tick{color:var(--token-color-text-inverse-primary)}.cb-box--s .cb-tick{width:11px;height:11px}.cb-box--m .cb-tick{width:15px;height:15px}.cb-dash{background:var(--token-color-text-inverse-primary);width:7px;height:1.5px}.cb-box--m .cb-dash{width:10px;height:2px}.cb-label{font-family:var(--font-body);color:var(--token-color-text-primary);font-weight:400;line-height:1}.cb--s .cb-label{font-size:var(--font-size-xs)}.cb--m .cb-label{font-size:var(--font-size-s)}.cb-box.is-checked,.cb-box.is-indeterminate{background:var(--token-color-button-primary);border-color:var(--token-color-button-primary)}.cb-box.is-hover{background:var(--token-color-bg-surface-blue);border-color:var(--token-color-button-primary)}.cb-box.is-focus{background:var(--token-color-bg-surface-blue);border-color:var(--token-color-shadow-focus-ring)}.cb-box.is-indeterminate.is-focus{background:var(--token-color-button-primary);border-color:var(--token-color-icon-secondary)}.cb--error .cb-box{background:var(--token-color-badge-red-bg);border-color:var(--token-color-status-error)}.cb--error .cb-box.is-indeterminate{background:var(--token-color-status-error);border-color:var(--token-color-status-error)}.cb-box.is-disabled{background:var(--token-color-bg-disabled);border-color:var(--token-color-border-disabled)}.cb--disabled .cb-label{color:var(--token-color-text-disabled)}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.page-radio{width:100%}.ov-example.rb-row{gap:28px}.rb{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.rb--s{gap:6px}.rb--m{gap:8px}.rb-circle{box-sizing:border-box;border:1.5px solid var(--token-color-border-default);background:var(--token-color-bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.rb-circle--s{width:14px;height:14px}.rb-circle--m{width:18px;height:18px}.rb-dot{background:var(--token-color-text-inverse-primary);border-radius:50%}.rb-circle--s .rb-dot{width:5px;height:5px}.rb-circle--m .rb-dot{width:6px;height:6px}.rb-label{font-family:var(--font-body);color:var(--token-color-text-primary);font-weight:400;line-height:1}.rb--s .rb-label{font-size:var(--font-size-xs)}.rb--m .rb-label{font-size:var(--font-size-s)}.rb-circle.is-checked{background:var(--token-color-button-primary);border-color:var(--token-color-button-primary)}.rb-circle.is-hover{background:var(--token-color-bg-surface-grey);border-color:var(--token-color-button-primary)}.rb-circle.is-focus{background:var(--token-color-bg-primary);border-color:var(--token-color-border-default)}.rb--error .rb-circle{background:var(--token-color-bg-primary);border-color:var(--token-color-status-error)}.rb-circle.is-disabled{background:var(--token-color-bg-disabled);border-color:var(--token-color-border-disabled)}.rb--disabled .rb-label{color:var(--token-color-text-disabled)}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.page-toggle{width:100%}.pb-header{max-width:720px;margin-bottom:32px}.pb-header__category{font-family:var(--font-body);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:16px;font-weight:600;display:block}.pb-header__title{font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);color:var(--color-text);margin:0 0 12px;font-weight:500;line-height:1.15}.pb-header__desc{font-family:var(--font-body);font-size:var(--font-size-m);color:var(--color-text-secondary);line-height:var(--line-height-body);margin:0}.ov-sections{flex-direction:column;display:flex}.ov-section{opacity:0;border-bottom:1px solid #0000001a;align-items:center;gap:80px;padding:40px 0;transition:opacity .4s ease-out,transform .4s ease-out;display:flex;transform:translateY(16px)}.ov-section:last-child{border-bottom:none}.ov-section.is-visible{opacity:1;transform:translateY(0)}.ov-desc{flex-direction:column;flex-shrink:0;gap:12px;width:300px;display:flex}.ov-desc__title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:18px;font-weight:500;line-height:1}.ov-desc__text{font-family:var(--font-body);font-size:var(--font-size-s);color:var(--color-text-secondary);margin:0;line-height:1.3}.ov-example{background:var(--color-aside-bg);border-radius:13px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:24px 20px;display:flex}.ov-example.tg-row{gap:28px}.tg{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.tg--s{gap:6px}.tg--m{gap:8px}.tg-track{box-sizing:border-box;background:var(--token-color-bg-surface-grey);border-radius:999px;flex-shrink:0;position:relative}.tg-track--s{width:28px;height:16px}.tg-track--m{width:36px;height:20px}.tg-thumb{background:var(--token-color-text-inverse-primary);border-radius:50%;position:absolute;top:2px;left:2px}.tg-track--s .tg-thumb{width:12px;height:12px}.tg-track--m .tg-thumb{width:16px;height:16px}.tg-track--s.is-on .tg-thumb{left:14px}.tg-track--m.is-on .tg-thumb{left:18px}.tg-label{font-family:var(--font-body);color:var(--token-color-text-primary);font-weight:400;line-height:1}.tg--s .tg-label{font-size:var(--font-size-xs)}.tg--m .tg-label{font-size:var(--font-size-s)}.tg-track.is-on{background:var(--token-color-button-primary)}.tg-track.is-hover{background:var(--token-color-border-default)}.tg-track.is-focus{background:var(--token-color-bg-surface-grey);outline:1px solid var(--token-color-shadow-focus-ring);outline-offset:-1px}.tg-track.is-disabled{background:var(--token-color-bg-disabled)}.tg-track.is-disabled .tg-thumb{background:var(--token-color-text-disabled)}.tg--disabled .tg-label{color:var(--token-color-text-disabled)}@media (width<=720px){.ov-section{flex-direction:column;align-items:flex-start;gap:24px}.ov-desc,.ov-example{width:100%}}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-aside{background:var(--color-aside-bg);flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto}.app-main{min-width:0;padding:72px 80px}.burger-btn{z-index:200;background:var(--color-bg);color:var(--color-text);cursor:pointer;border:none;border-radius:6px;padding:8px;line-height:0;display:none;position:fixed;top:12px;right:12px;box-shadow:0 1px 6px #0000001f}.aside-overlay{z-index:99;background:#0000004d;display:none;position:fixed;inset:0}@media (width<=768px){.app-layout{grid-template-columns:1fr}.app-aside{z-index:100;width:260px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.app-aside.is-open{transform:translate(0)}.burger-btn{display:flex}.aside-overlay.is-visible{display:block}.app-main{padding:60px 20px 32px}}