html{scroll-behavior:smooth}.toolkit-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolkit-header__inner{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px}.toolkit-brand{display:inline-flex;align-items:center;gap:10px}.toolkit-brand img{width:44px;height:44px;object-fit:contain}.toolkit-brand strong{color:var(--ui-primary);font-family:Nunito,sans-serif;font-size:22px;font-weight:800}.toolkit-header__label{color:var(--ui-muted);font-size:13px;font-weight:700}.toolkit-hero{padding:72px 0 44px;background:radial-gradient(circle at 12% 30%,color-mix(in srgb,var(--ui-primary-soft) 82%,transparent),transparent 25%),radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--ui-blue) 88%,transparent),transparent 24%)}.toolkit-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);align-items:center;gap:48px}.toolkit-hero p{max-width:720px;margin:16px 0 0;color:var(--ui-muted);font-size:18px}.toolkit-hero__card{background:color-mix(in srgb,var(--ui-surface) 82%,transparent)}.toolkit-hero__card code{color:var(--ui-primary-dark);font-weight:700}.toolkit-theme-controls{display:grid;gap:15px;margin-top:20px}.toolkit-theme-control{display:grid;gap:7px}.toolkit-theme-control>span{color:var(--ui-muted);font-size:12px;font-weight:700}.toolkit-nav{display:flex;gap:8px;padding:18px 0;overflow-x:auto;scrollbar-width:none}.toolkit-nav::-webkit-scrollbar{display:none}.toolkit-section{padding:38px 0;scroll-margin-top:90px}.toolkit-section:nth-child(2n){background:color-mix(in srgb,var(--ui-surface) 55%,transparent)}.toolkit-section__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.toolkit-section__header p{max-width:560px;margin:6px 0 0;color:var(--ui-muted)}.toolkit-demo{padding:28px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:color-mix(in srgb,var(--ui-surface) 90%,transparent);box-shadow:var(--ui-shadow-sm)}.toolkit-demo+.toolkit-demo{margin-top:18px}.toolkit-demo__title{margin:0 0 18px;font-size:16px}.toolkit-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.toolkit-row+.toolkit-row{margin-top:18px}.toolkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.toolkit-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.toolkit-swatch{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.toolkit-swatch__color{height:78px;background:var(--swatch)}.toolkit-swatch__copy{padding:12px 14px}.toolkit-swatch__copy strong,.toolkit-swatch__copy code{display:block}.toolkit-swatch__copy code{margin-top:3px;color:var(--ui-muted);font-size:11px}.toolkit-options{display:grid;gap:12px}.toolkit-range-line{display:flex;align-items:center;gap:12px}.toolkit-range-line output{min-width:32px;color:var(--ui-primary-dark);font-weight:800}.toolkit-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.toolkit-story-list{display:grid;gap:14px}.toolkit-alerts{display:grid;gap:12px}.toolkit-tab-copy{margin:0;color:var(--ui-muted)}.toolkit-card-stack{display:grid;gap:10px}.toolkit-card-stack h3,.toolkit-card-stack p{margin:0}.toolkit-skeleton-card{display:grid;gap:12px}.toolkit-skeleton-card .ui-skeleton:first-child{width:48%;height:22px}.toolkit-skeleton-card .ui-skeleton:nth-child(3){width:78%}.toolkit-footer{margin-top:44px;padding:28px 0;color:var(--ui-footer-text);background:var(--ui-footer-bg)}.toolkit-footer__inner{display:flex;justify-content:space-between;gap:24px}@media(max-width:900px){.toolkit-hero__grid,.toolkit-grid,.toolkit-grid--four,.toolkit-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.toolkit-header__label{display:none}.toolkit-hero{padding-top:48px}.toolkit-hero__grid,.toolkit-grid,.toolkit-grid--two,.toolkit-grid--four,.toolkit-tile-grid{grid-template-columns:1fr}.toolkit-section__header,.toolkit-footer__inner{align-items:flex-start;flex-direction:column}.toolkit-demo{padding:20px}.toolkit-header__inner>.ui-button{min-height:38px;padding-inline:16px;font-size:13px}}