.kbui-site .example-index{flex-wrap:wrap;gap:8px 24px;padding-bottom:32px;display:flex}.kbui-site .example-index a{min-height:44px;color:var(--rust);text-underline-offset:5px;align-items:center;font-size:13px;text-decoration:underline;display:inline-flex}.kbui-site .example-section{border-top:1px solid #d5d9c5;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:24px clamp(24px,5vw,72px);padding-block:48px;scroll-margin-top:24px;display:grid}.kbui-site .example-section>.example-code{grid-column:1/-1;margin-top:0}.kbui-site .example-description h2{letter-spacing:-1px;max-width:360px;font-size:34px;font-weight:500;line-height:1.2}.kbui-site .example-description>p:last-child{color:var(--muted);max-width:360px;margin-top:20px;font-size:14px}.kbui-site .composition{width:100%;min-width:0;min-height:clamp(320px,32vw,440px);color:var(--ink);border:1px solid #b8bda8;border-radius:24px;flex-direction:column;justify-content:space-between;gap:24px;padding:32px;display:flex;position:relative}.kbui-site .composition a{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.kbui-site .sample-top,.kbui-site .sample-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kbui-site .sample-top,.kbui-site .sample-bottom p,.kbui-site .sample-bottom>span,.kbui-site .sample-bottom a{font-size:12px}.kbui-site .sample-bottom .composition-title{letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:500;line-height:1.25}.kbui-site .creative{background:#f1e6cf}.kbui-site .creative .kb-badge{color:#46513f;background:#fff8e9;border-color:#b8bda8}.kbui-site .creative .kb-button{--kb-color-fg:#303b31;--kb-color-surface:#fffdf5;--kb-color-border:#8d9983;min-height:44px}.kbui-site .geometry{--shape-a:#e5bc63;--shape-b:#cf9290;--shape-c:#98b496;aspect-ratio:320/224;width:100%;height:auto;color:var(--ink);display:block}.kbui-site .geometry-a{fill:var(--shape-a)}.kbui-site .geometry-b{fill:var(--shape-b)}.kbui-site .geometry-c{fill:var(--shape-c)}.kbui-site .geometry[data-palette=alternate]{--shape-a:#e8b184;--shape-b:#a39bce;--shape-c:#8ab59b}.kbui-site .editorial{background:#fffdf5}.kbui-site .editorial .composition-title{letter-spacing:-1.4px;max-width:18ch;font:42px/1.1 Georgia,serif;position:relative}.kbui-site .editorial>p{max-width:60ch;font:16px/1.75 Georgia,serif}.kbui-site .editorial .kb-badge{color:#66523f;background:#f2e8d1}.kbui-site .editorial-mark{color:var(--rust);align-self:end;font:italic 64px/1 Georgia,serif}.kbui-site .editorial .sample-bottom{border-top:1px solid #d5d9c5;padding-top:16px}.kbui-site .operations{--kb-color-ring:#f1ce82;--kb-color-fg:#fff8e9;--kb-color-muted:#d1dec7;--kb-status-success:#b6d1a1;color:#fff8e9;background:#303f34;border-color:#303f34}.kbui-site .operations>.composition-title{letter-spacing:-.8px;font-size:30px;font-weight:500;line-height:1.2}.kbui-site .operations>p{color:#d1dec7;font-size:14px}.kbui-site .operations .stats{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:24px;display:grid}.kbui-site .operations .kb-stat{--kb-color-fg:#fff8e9;--kb-color-muted:#d1dec7}.kbui-site .operations .kb-progress{--kb-color-fg:#fff8e9;--kb-color-muted:#d1dec7;--kb-progress-track:#60705b;--kb-progress-fill:#f1ce82}@media (width<=800px){.kbui-site .example-section{grid-template-columns:1fr;row-gap:24px}}@media (width<=500px){.kbui-site .composition{gap:20px;min-height:0;padding:20px}.kbui-site .editorial .composition-title{font-size:36px}.kbui-site .example-section{padding-block:32px}.kbui-site .example-preview{min-width:0}.kbui-site .example-description h2{font-size:30px}}.kbui-site .control-field{flex:1;min-width:0;font-size:13px}.kbui-site .control-field label{margin-bottom:8px;display:block}.kbui-site .control-select{color:#303b31;width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#fffdf5;border:1px solid #8d9983;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.kbui-site .control-select[data-pointer-focus]{outline:none}.kbui-site .control-select[data-popup-open]{border-color:#34664e}.kbui-site .control-select-icon,.kbui-site .control-select-check{color:#34664e;flex:none;display:flex}.kbui-site.control-select-positioner{z-index:40;background:0 0}.kbui-site .control-select-popup{width:var(--anchor-width);max-width:calc(100vw - 24px);max-height:var(--available-height);background:#fffdf5;border:1px solid #8d9983;border-radius:12px;outline:none;padding:4px;overflow:auto;box-shadow:0 6px 18px #303b3114}.kbui-site .control-select-item{cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px;font-size:14px;display:flex}.kbui-site .control-select-item[data-highlighted]{background:#e6eccf}@media (prefers-reduced-motion:no-preference){.kbui-site .control-select{transition:border-color .14s}.kbui-site .control-select-icon{transition:transform .14s}.kbui-site .control-select[data-popup-open] .control-select-icon{transform:rotate(180deg)}.kbui-site .control-select-popup{transform-origin:var(--transform-origin);transition:opacity .12s,transform .12s}.kbui-site .control-select-popup[data-starting-style],.kbui-site .control-select-popup[data-ending-style]{opacity:0;transform:translateY(-2px)}}@media (forced-colors:active){.kbui-site .control-select-item[data-highlighted]{outline-offset:-2px;outline:2px solid highlight}}.kbui-site .install-builder{min-width:0}.kbui-site .install-settings{flex-wrap:wrap;align-items:end;gap:12px 24px;display:flex}.kbui-site .install-settings .control-field{flex:160px}.kbui-site .install-tokens{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.kbui-site .install-tokens input{width:18px;height:18px;accent-color:var(--rust)}.kbui-site .setup-note{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.6}.kbui-site .setup-continue{align-items:center;gap:16px;min-height:44px;margin-top:12px;display:inline-flex}.kbui-site .setup-nav{flex-wrap:wrap;gap:12px 28px;margin-bottom:28px;display:flex}.kbui-site .setup-nav a{border-bottom:2px solid #0000;align-items:center;min-height:44px;text-decoration:none;display:flex}.kbui-site .setup-nav a[aria-current=page]{border-color:var(--rust);color:var(--rust)}.kbui-site .setup-step{border-top:1px solid #d5d9c5;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:32px 64px;padding-block:36px;display:grid}.kbui-site .setup-step>*,.kbui-site .setup-work{min-width:0}.kbui-site .setup-step h2{letter-spacing:-.04em;margin-block:10px 16px;font-size:clamp(24px,3vw,36px);line-height:1.15}.kbui-site .setup-step>div>p:not(.page-kicker):not(.setup-note){color:var(--muted);max-width:42ch;line-height:1.7}.kbui-site .setup-step>.example-code{align-self:start;margin-top:0}.kbui-site .setup-preview{border:1px solid var(--kb-color-border);background:var(--kb-color-bg);color:var(--kb-color-fg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:24px;display:flex}.kbui-site .setup-preview span{font-size:12px}.kbui-site .setup-help{border-block:1px solid #d5d9c5;padding-block:20px}.kbui-site .setup-help summary{cursor:pointer;align-content:center;min-height:44px}.kbui-site .setup-help p{max-width:75ch;color:var(--muted);padding-block:12px;line-height:1.8}.kbui-site .setup-next{flex-wrap:wrap;align-items:center;gap:20px 32px;padding-block:36px 56px;display:flex}.kbui-site .take-it{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.kbui-site .take-it>.install-builder{width:100%}@media (width<=700px){.kbui-site .take-it{grid-template-columns:minmax(0,1fr)}.kbui-site .setup-step{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:28px}}.kbui-lab .section{border-top:1px solid #d5d9c5;padding-block:40px;scroll-margin-top:24px}.kbui-lab .section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.kbui-lab .section h2{letter-spacing:-1px;font-size:32px;font-weight:500;line-height:1.2}.kbui-lab .section-heading>p{color:var(--muted);font-size:14px}.kbui-lab .playground-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:24px;display:grid}.kbui-lab .playground-preview{--kb-button-radius:var(--kb-radius-md);--kb-color-ring:var(--kb-blue-500);background:var(--kb-color-bg);min-width:0;min-height:0;color:var(--kb-color-fg);border:1px solid #b8bda8;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;position:relative}.kbui-lab .playground-preview[data-theme=light]{--kb-color-bg:var(--kb-white);--kb-color-fg:var(--kb-gray-900);--kb-color-surface:var(--kb-gray-50);--kb-color-border:var(--kb-gray-200);--kb-color-muted:var(--kb-gray-600);--kb-color-accent:var(--kb-blue-600);--kb-color-accent-fg:var(--kb-white);--kb-color-accent-hover:var(--kb-blue-700);--kb-color-danger:var(--kb-red-600);--kb-color-danger-fg:var(--kb-white)}.kbui-lab .preview-label{color:var(--kb-color-muted);align-self:flex-start;font-size:12px}.kbui-lab .preview-button-stage{place-items:center;min-height:48px;margin-block:auto;display:grid}.kbui-lab .preview-feedback{color:var(--kb-color-muted);text-align:center;font-size:12px}.kbui-lab .playground-controls{background:#f2eddb;border:1px solid #d5d9c5;border-radius:24px;min-width:0;padding:24px}.kbui-lab .panel-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:12px;display:flex}.kbui-lab .panel-caption button,.kbui-lab .search button{min-height:44px;color:var(--rust);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.kbui-lab .playground-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kbui-lab .playground-actions a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.kbui-lab .fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:16px;margin-block:16px 24px;display:grid}.kbui-lab .theme-control{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.kbui-lab .segmented{border:1px solid #8d9983;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.kbui-lab .segmented button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;padding:8px 16px}.kbui-lab .segmented button[aria-pressed=true]{color:#fff;background:#34664e}.kbui-lab .checks{flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:13px;display:flex}.kbui-lab .checks label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.kbui-lab .checks input{accent-color:#34664e;width:20px;height:20px;margin:0}.kbui-lab .playground-grid>.example-code{grid-column:1/-1;margin-top:0}.kbui-lab .search{background:#fffdf5;border:1px solid #8d9983;border-radius:12px;align-items:center;gap:8px;max-width:480px;margin-top:24px;padding:4px 12px;display:flex}.kbui-lab .search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;flex:1;padding:4px;font-size:15px}.kbui-lab .result-count{color:var(--muted);padding-block:12px 24px;font-size:12px}.kbui-lab .component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.kbui-lab .component-card{background:#fffdf5;border:1px solid #d5d9c5;border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.kbui-lab .component-card:hover{background:#e6eccf;text-decoration:none}.kbui-lab .component-name{font-size:20px;font-weight:550}.kbui-lab .component-description{color:var(--muted);font-size:13px}.kbui-lab [data-motion=reduce] *{transition:none;animation:none}@media (width<=800px){.kbui-lab .playground-grid{grid-template-columns:1fr}.kbui-lab .component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=500px){.kbui-lab .playground-controls{padding:20px}.kbui-lab .component-grid{grid-template-columns:1fr}.kbui-lab .section{padding-block:32px}}