.kbui-site .release-navigation{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.kbui-site .release-navigation a{border:1px solid var(--review-line);border-radius:var(--kb-radius-full);min-height:44px;color:var(--kb-color-accent-ink);align-items:center;padding:8px 16px;display:inline-flex}.kbui-site .release-navigation a:hover{background:var(--review-hover);text-decoration:none}.kbui-site .release-list{display:grid}.kbui-site .release{border-top:1px solid var(--review-line);grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:16px clamp(24px,5vw,72px);padding-block:32px;scroll-margin-top:24px;display:grid}.kbui-site .release-rail{flex-direction:column;align-self:start;align-items:flex-start;gap:6px;display:flex;position:sticky;top:24px}.kbui-site .release-rail h2{letter-spacing:-.05em;font-size:clamp(32px,4vw,44px);font-weight:550;line-height:1}.kbui-site .release-rail time{color:var(--muted);font-size:var(--kb-text-small-size)}.kbui-site .release-card{min-width:0;padding:var(--card-inset);border:1px solid var(--review-line);border-radius:var(--site-radius-surface);background:var(--review-paper)}.kbui-site details.release-card{background:0 0;padding-block:0}.kbui-site details.release-card[open]{background:var(--review-paper);padding-bottom:var(--card-inset)}.kbui-site .release-card>summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;min-height:64px;list-style:none;display:flex}.kbui-site .release-card>summary::-webkit-details-marker{display:none}.kbui-site .release-card>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;transform:rotate(45deg)translateY(-3px)}.kbui-site .release-card[open]>summary{border-bottom:1px solid var(--review-line);margin-bottom:20px}.kbui-site .release-card[open]>summary:after{transform:rotate(-135deg)translateY(-3px)}.kbui-site .release-headline{flex:240px;font-weight:500}.kbui-site .release-title{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(22px,2.4vw,28px);font-weight:550}.kbui-site .change-group+.change-group,.kbui-site .release-highlights+.change-group{margin-top:24px}.kbui-site .release-highlights{padding:0;list-style:none}.kbui-site .release:target .release-rail h2{color:var(--kb-color-accent-ink)}.kbui-site .change-group h3{color:var(--muted);font-size:var(--kb-text-small-size);margin:0 0 8px;font-weight:500}.kbui-site .change-group[data-tone=breaking] h3{color:var(--rust)}.kbui-site .change-group ul{margin:0;padding:0;list-style:none}.kbui-site .change-list li{overflow-wrap:anywhere;margin:0;padding:6px 0 6px 20px;position:relative}.kbui-site .change-list li:before{content:"";background:var(--review-control);border-radius:50%;width:6px;height:6px;position:absolute;top:1.05em;left:2px}.kbui-site .change-group[data-tone=breaking] li:before{background:var(--rust)}.kbui-site .change-group .component-chips{flex-wrap:wrap;gap:8px;display:flex}.kbui-site .component-chips li{margin:0;display:flex}.kbui-site .component-chips a{border:1px solid var(--review-line);min-height:44px;font-size:var(--kb-text-small-size);border-radius:999px;align-items:center;gap:6px;padding-inline:16px;display:inline-flex}.kbui-site .component-chips a:hover{background:var(--review-hover);text-decoration:none}.kbui-site .release-quiet{color:var(--muted)}.kbui-site .compare-link{min-height:44px;color:var(--muted);font-size:var(--kb-text-small-size);text-underline-offset:5px;align-items:center;gap:6px;margin-top:16px;text-decoration:underline;display:inline-flex}@media (width<=720px){.kbui-site .release{grid-template-columns:minmax(0,1fr)}.kbui-site .release-rail{flex-flow:wrap;align-items:baseline;gap:6px 12px;position:static}}.kbui-site .day-demo{--day-bloom-persimmon:var(--illustration-persimmon);--day-bloom-marigold:var(--illustration-marigold);--day-bloom-lilac:var(--illustration-lilac);--day-bloom-center:var(--lightningcss-light,#fff)var(--lightningcss-dark,#e7ecf5);--day-bloom-ink:#292f3a}.kbui-site .day-demo .day-bloom-petal:nth-child(3n+1){fill:var(--day-bloom-persimmon)}.kbui-site .day-demo .day-bloom-petal:nth-child(3n+2){fill:var(--day-bloom-marigold)}.kbui-site .day-demo .day-bloom-petal:nth-child(3n){fill:var(--day-bloom-lilac)}.kbui-site .day-demo .day-bloom[data-complete]{--day-bloom-persimmon:var(--site-accent);--day-bloom-marigold:var(--illustration-marigold-vivid);--day-bloom-lilac:var(--illustration-lilac-vivid)}.kbui-site .day-demo .day-card{--kb-card-radius:8px 8px 22px 22px;--kb-card-border:var(--lightningcss-light,#858e9d)var(--lightningcss-dark,#8b95a6);border-top:5px solid var(--site-accent);box-shadow:0 7px 0 -1px var(--lightningcss-light,#e4e7ed)var(--lightningcss-dark,#303640),0 8px var(--lightningcss-light,#9ba3af)var(--lightningcss-dark,#626f85),0 15px 0 -2px var(--lightningcss-light,#d7dce4)var(--lightningcss-dark,#232a35),0 16px 0 -1px var(--lightningcss-light,#aeb6c2)var(--lightningcss-dark,#48556a),0 26px 32px -20px var(--lightningcss-light,#1a223033)var(--lightningcss-dark,#0a0e16b3)}.kbui-site .day-demo .day-topline{border-bottom:1px dashed var(--lightningcss-light,#ccd1da)var(--lightningcss-dark,#4f5969);gap:8px;padding-bottom:12px}.kbui-site .day-demo .day-edition{letter-spacing:.09em;font-size:9px;font-weight:550;line-height:1.6}.kbui-site .day-demo .day-topline .day-name-action{flex-shrink:0;min-height:36px;padding-inline:14px}.kbui-site .day-demo .day-heading{padding-block:18px 22px}.kbui-site .day-demo .day-choice{isolation:isolate;--kb-checkbox-inset:10px;padding-block:12px 16px;padding-inline:8px}.kbui-site .day-demo .day-choice .kb-checkbox-mark{inset-block-start:22px;inset-inline-start:8px}.kbui-site .day-demo .day-choice .kb-checkbox-label{padding-bottom:4px}.kbui-site .day-demo .day-choices{margin-top:8px}.kbui-site .day-demo .day-choice:before{content:"";z-index:-1;opacity:0;background:var(--lightningcss-light,#e9edf3)var(--lightningcss-dark,#303640);position:absolute;inset:0}.kbui-site .day-demo .day-choice:has(input:checked):before{opacity:1}.kbui-site .day-demo .day-progress{padding-block:18px}.kbui-site .day-demo .day-note{background:var(--lightningcss-light,#eceff3)var(--lightningcss-dark,#303640);border:1px solid var(--lightningcss-light,#cbd2dd)var(--lightningcss-dark,#586477);border-radius:2px 2px 12px;margin-bottom:20px;padding:16px}.kbui-site .day-demo .day-note:has(input:focus){border-color:var(--kb-color-ring);background:var(--lightningcss-light,#e6e9ee)var(--lightningcss-dark,#363c46)}.kbui-site .day-demo .day-note .kb-input{gap:8px}.kbui-site .day-demo .day-note .kb-input-label{font-size:12px}.kbui-site .day-demo .day-note .kb-input-control{min-height:44px;font-size:13px}.kbui-site .day-demo .day-note-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.kbui-site .day-demo .day-note-actions>span{color:var(--kb-color-muted);flex:120px;font-size:11px}.kbui-site .day-demo .day-note-actions .kb-button{min-height:44px}.kbui-site .day-demo .demo-note{margin-top:32px;font-size:11px}@media (width<=600px){.kbui-site .day-demo .day-topline .day-name-action{min-height:44px;padding-inline:12px}.kbui-site .day-demo .day-edition{max-width:140px;font-size:8px}.kbui-site .day-demo .day-note{padding:12px}}@media (prefers-reduced-motion:no-preference){.kbui-site .day-demo .day-choice:before{transition:opacity .2s cubic-bezier(.22,1,.36,1)}.kbui-site .day-demo .day-topline .day-name-action{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1)}.kbui-site .day-demo .day-progress .kb-progress-indicator{transition:width .32s cubic-bezier(.22,1,.36,1)}.kbui-site .day-demo .day-note,.kbui-site .day-demo .day-note .kb-input-control{transition:background-color .18s,border-color .18s}@media (hover:hover) and (pointer:fine){.kbui-site .day-demo .day-choice:hover:before{opacity:1}}}@media (forced-colors:active){.kbui-site .day-demo .day-note{border:1px solid canvastext}.kbui-site .day-demo .day-choice:has(input:focus-visible){outline-color:highlight}.kbui-site .day-demo .day-card{box-shadow:none}}.kbui-site .control-field{--kb-select-popup-min-width:0px;flex:1;min-width:0}.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 .setup-note{color:var(--muted);font-size:var(--kb-text-small-size);line-height:var(--kb-text-leading-body);margin-top:14px}.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 var(--review-line);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 var(--review-line);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-site .install-token-help{border-top:1px solid var(--review-line);font-size:var(--kb-text-small-size);color:var(--muted);margin-top:16px;padding-top:8px}.kbui-site .install-token-help summary{cursor:pointer;min-height:44px;color:var(--ink);align-content:center}.kbui-site .install-token-help p{margin-block:8px 12px;line-height:1.7}.kbui-site .install-token-help .kb-button{min-height:44px}.kbui-home .site-header{border-bottom:1px solid var(--lightningcss-light,#24283122)var(--lightningcss-dark,#c7d1e025)}.kbui-home .poster-hero{gap:clamp(32px,4vw,60px);padding-top:56px}.kbui-home .hero-example{isolation:isolate;padding:0 20px}.kbui-home .hero-example:before{background:var(--lightningcss-light,#d1d7e1)var(--lightningcss-dark,#323b4b);z-index:-1;background-image:repeating-linear-gradient(0deg,#0000 0 23px,var(--lightningcss-light,#73839b20)var(--lightningcss-dark,#d1d7e112) 23px 24px);border-radius:220px 220px 32px 32px;inset:16px 0 64px}.kbui-home .about-strip{padding-block:var(--section-space);border-bottom:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px 64px}.kbui-home .about-strip>h2{letter-spacing:-1.5px;font-size:clamp(30px,3.2vw,46px);line-height:1.16}.kbui-home .about-strip h2 em{color:var(--rust);font-family:Georgia,serif;font-weight:400}.kbui-home .about-strip>p{max-width:460px;padding-top:4px;font-size:15px}.kbui-home .part-tags{border-top:1px solid var(--review-line);border-left:1px solid var(--review-line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.kbui-home .part-tags li:nth-child(n){border:0;border-right:1px solid var(--review-line);border-bottom:1px solid var(--review-line);min-width:0;color:var(--ink);background:0 0;border-radius:0;padding:0}.kbui-home .part-tags a{height:100%;padding:clamp(20px,2.5vw,32px);text-decoration:none;display:grid}.kbui-home .part-tags a:hover{background:var(--review-hover);text-decoration:none}.kbui-home .part-tags a:focus-visible{outline-offset:-4px}.kbui-home .part-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.kbui-home .part-meta>span:last-child{font-size:17px}.kbui-home .part-glyph{color:var(--lightningcss-light,#313946)var(--lightningcss-dark,#d6deeb);box-sizing:content-box;background:var(--lightningcss-light,#e5e9f0)var(--lightningcss-dark,#343e4e);border-radius:16px;width:38px;height:38px;margin-block:24px 18px;padding:12px}.kbui-home .part-tags li:nth-child(3n+2) .part-glyph{color:var(--lightningcss-light,#313946)var(--lightningcss-dark,#d9e2f2);background:var(--lightningcss-light,#e0e5ed)var(--lightningcss-dark,#303947);border-radius:50%}.kbui-home .part-tags li:nth-child(3n) .part-glyph{color:var(--lightningcss-light,#313946)var(--lightningcss-dark,#e2e8f2);background:var(--lightningcss-light,#e9edf2)var(--lightningcss-dark,#394252);border-radius:50% 50% 5px 5px}.kbui-home .part-tags strong{font-size:17px;font-weight:550;line-height:1.4}.kbui-home .part-detail{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.kbui-home .about-strip>.parts-more{max-width:none;max-inline-size:none;color:var(--muted);grid-column:1/-1;margin-top:-12px;padding:0;font-size:12px}.kbui-home .parts-more a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.kbui-home .other-ways{padding-top:0}.kbui-home .example-links>a{min-height:100px;padding-inline:12px;position:relative}.kbui-home .example-links>a:first-child{border-top:1px solid var(--lightningcss-light,#ccd1da)var(--lightningcss-dark,var(--review-line))}.kbui-home .example-links>a:hover{background:var(--review-hover);text-decoration:none}.kbui-home .take-it{background:var(--lightningcss-light,#e9edf3)var(--lightningcss-dark,#252b35);border:1px solid var(--lightningcss-light,#bec7d5)var(--lightningcss-dark,#58677e);box-shadow:0 5px var(--lightningcss-light,#d0d7e2)var(--lightningcss-dark,#15120f)}@media (width<=900px){.kbui-home .poster-hero{padding-top:32px}.kbui-home .about-strip{gap:28px}}@media (width<=600px){.kbui-home .hero-example{padding-inline:8px}.kbui-home .about-strip{grid-template-columns:1fr;gap:24px}.kbui-home .about-strip>h2{font-size:34px}.kbui-home .about-strip>p{padding:0;font-size:14px}.kbui-home .part-tags{grid-template-columns:repeat(2,minmax(0,1fr))}.kbui-home .part-tags a{padding:18px 14px}.kbui-home .part-glyph{width:32px;height:32px;margin-block:20px 14px;padding:9px}.kbui-home .part-tags strong{font-size:14px}.kbui-home .part-detail{font-size:11px}}@media (prefers-reduced-motion:no-preference){.kbui-home .hero-example .day-card{animation:.62s cubic-bezier(.16,1,.3,1) .1s both kbui-plan-land}.kbui-home .part-tags li{animation:kbui-piece-arrive .48s cubic-bezier(.22, 1, .36, 1) var(--part-delay,80ms) both}.kbui-home .part-tags li:nth-child(2){--part-delay:.12s}.kbui-home .part-tags li:nth-child(3){--part-delay:.16s}.kbui-home .part-tags li:nth-child(4){--part-delay:.2s}.kbui-home .part-tags li:nth-child(5){--part-delay:.24s}.kbui-home .part-tags li:nth-child(6){--part-delay:.28s}.kbui-home .part-tags a,.kbui-home .example-links>a{transition:background-color .22s cubic-bezier(.22,1,.36,1)}.kbui-home .part-glyph,.kbui-home .example-shape,.kbui-home .example-links>a>span:last-child,.kbui-home .part-meta>span:last-child{transition:transform .26s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.kbui-home .part-tags a:hover .part-glyph{transform:translateY(-3px)rotate(-6deg)}.kbui-home .example-links>a:hover>span:last-child,.kbui-home .part-tags a:hover .part-meta>span:last-child{transform:translate(2px,-2px)}.kbui-home .example-links>a:hover .example-shape{transform:translate(3px)rotate(-5deg)}}}@media (forced-colors:active){.kbui-home .part-tags,.kbui-home .part-tags li,.kbui-home .part-glyph,.kbui-home .take-it{border:1px solid canvastext}.kbui-home .hero-example:before{display:none}}@keyframes kbui-plan-land{0%{opacity:.7;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes kbui-piece-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.kbui-home[data-theme=dark] .hero-example:before{background-color:#323b4b;background-image:repeating-linear-gradient(0deg,#0000 0 23px,#b3c8ec12 23px 24px),linear-gradient(145deg,#3d485b,#262e3c);box-shadow:0 0 64px -24px #a5beee14}.kbui-home[data-theme=dark] .take-it{background:#252b35;border-color:#58677e}.system-guide.system-guide{--kb-code-size:.85em;--kb-code-border:var(--kb-color-border);--kb-code-radius:var(--kb-radius-sm);--kb-code-background:var(--kb-color-surface);--kb-code-block-font-size:calc(var(--kb-text-body-size) * .85);--kb-code-block-leading:1.7;--kb-code-block-radius:var(--kb-radius-md);overflow-wrap:anywhere;min-inline-size:0;color:var(--ink,inherit);line-height:1.7}.system-guide.system-guide>*+*{margin-block-start:var(--kb-space-4)}.system-guide.system-guide h2{margin-block-start:var(--kb-space-8);font-size:1.4rem;line-height:1.3}.system-guide.system-guide h3{margin-block-start:var(--kb-space-6);font-size:1.15rem}.system-guide.system-guide a[href]{text-underline-offset:3px;text-decoration:underline}.system-guide.system-guide pre:where(:not(.guide-code-pre)){max-inline-size:100%;padding:var(--kb-space-4);border:1px solid var(--kb-color-border);border-radius:var(--kb-radius-md);background:var(--kb-color-surface);overflow:auto}.system-guide.system-guide pre:where(:not(.guide-code-pre))>code{font-family:var(--kb-font-mono);white-space:pre;background:0 0;border:0;padding:0;font-size:.85em}.system-guide.system-guide .guide-code-content{white-space:pre;display:block}.system-guide.system-guide .guide-code-line,.system-guide.system-guide .guide-code-line-text{display:inline}.system-guide.system-guide ul,.system-guide.system-guide ol{padding-inline-start:var(--kb-space-6)}.system-guide.system-guide .guide-table-scroll{max-inline-size:100%;overflow:auto}.system-guide.system-guide table{border-collapse:collapse;inline-size:100%;font-size:.9em}.system-guide.system-guide th,.system-guide.system-guide td{padding:var(--kb-space-3);text-align:start;vertical-align:top;border-block-end:1px solid var(--kb-color-border)}.system-guide.system-guide th code,.system-guide.system-guide td code{white-space:nowrap}.system-guide.system-guide :focus-visible:where(:not(.guide-code-viewport)){outline:2px solid var(--kb-color-accent);outline-offset:3px}.kbui-recipes .system-guide{max-inline-size:85ch}.kbui-recipes .recipe-sources>*{min-inline-size:0}.kbui-recipes .recipe-directory{gap:var(--kb-space-6);margin-block:0 var(--kb-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding:0;list-style:none;display:grid}.kbui-recipes .recipe-directory li{padding:var(--kb-space-6);border:1px solid var(--review-line);border-radius:var(--site-radius-surface);background:var(--review-paper)}.kbui-recipes .recipe-directory a{align-items:center;min-block-size:44px;text-decoration:underline;display:inline-flex}.kbui-recipes .recipe-directory p{margin-block:var(--kb-space-3)}.kbui-recipes .recipe-directory span,.kbui-recipes .recipe-ownership{color:var(--muted);font-size:var(--kb-text-small-size)}.kbui-recipes .recipe-links{gap:var(--kb-space-2) var(--kb-space-5);margin-block:var(--kb-space-4);flex-wrap:wrap;display:flex}.kbui-recipes .recipe-links a{align-items:center;min-block-size:44px;text-decoration:underline;display:inline-flex}.kbui-recipes .recipe-links a[aria-current]{font-weight:var(--kb-font-weight-strong);text-decoration-thickness:2px}.kbui-recipes .recipe-preview{--preview-inset:var(--kb-space-4);margin-block:var(--kb-space-6)}.kbui-recipes .catalog-preview-frame{inline-size:100%;padding:var(--preview-inset);border:1px solid var(--review-line);border-radius:var(--site-radius-surface);position:relative}.kbui-recipes .catalog-preview-frame iframe{border:0;inline-size:100%;display:block}.kbui-recipes .catalog-preview-frame iframe[data-visible=false]{visibility:hidden;pointer-events:none;position:absolute}.kbui-recipes .catalog-preview-status{font-size:var(--kb-text-small-size)}.kbui-recipes .recipe-sources{gap:var(--kb-space-4);margin-block-start:var(--kb-space-8);display:grid}.kbui-recipes #system-guide,.kbui-recipes #recipe-source{scroll-margin-block-start:calc(var(--site-header-height,96px) + var(--kb-space-4))}.skin-comparison .comparison-intro{grid-template-columns:1fr 260px;align-items:end;gap:48px;padding-block:12px 36px;display:grid}.skin-comparison .comparison-intro a{margin-bottom:30px;font-size:12px;display:inline-block}.skin-comparison .comparison-intro .page-kicker{margin-bottom:14px}.skin-comparison .comparison-intro h1{letter-spacing:-.055em;font-size:clamp(36px,4.5vw,62px);font-weight:550;line-height:1.1}.skin-comparison .comparison-intro h1 em{color:var(--rust);font-family:Georgia,serif;font-weight:400}.skin-comparison .comparison-intro h1+p{max-width:600px;color:var(--muted);line-height:var(--kb-text-leading-body);margin-top:18px}.skin-comparison .comparison-note{border-left:1px solid var(--review-line);padding-left:24px;font-size:12px}.skin-comparison .comparison-note p{line-height:var(--kb-text-leading-body);margin-top:8px}.skin-comparison .comparison-note>span{color:var(--muted);margin-top:16px;font-size:11px;display:block}.skin-comparison .comparison-previews{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.skin-comparison .comparison-previews[data-view=split]{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-comparison .comparison-pane{min-width:0}.skin-comparison .preview-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;font-size:11px;display:flex}.skin-comparison .preview-caption>span:first-child{align-items:center;gap:8px;font-weight:600;display:inline-flex}.skin-comparison .preview-caption i{background:var(--rust);border-radius:50%;width:6px;height:6px}.skin-comparison .preview-caption>span:last-child{color:var(--muted)}.skin-comparison .skin-surface{background:var(--kb-color-surface);min-width:0;color:var(--kb-color-fg);font:16px / 1.5 var(--kb-font-sans);border:1px solid var(--kb-color-border);overflow-wrap:anywhere;border-radius:14px;container-type:inline-size}.skin-comparison .skin-surface h2,.skin-comparison .skin-surface h3,.skin-comparison .skin-surface h4{color:var(--kb-color-fg);font-weight:600;line-height:1.25}.skin-comparison .skin-surface h2{letter-spacing:-.035em;font-size:26px}.skin-comparison .skin-surface h3{letter-spacing:-.015em;font-size:16px}.skin-comparison .skin-surface p{color:var(--kb-color-muted)}.skin-comparison .workspace-topbar{border-bottom:1px solid var(--kb-color-border);background:var(--kb-color-bg);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.skin-comparison .workspace-brand{font-size:var(--kb-text-small-size);flex-wrap:wrap;align-items:center;gap:12px;font-weight:600;display:flex}.skin-comparison .workspace-brand b,.skin-comparison .context-icon{background:var(--kb-color-fg);width:28px;height:28px;color:var(--kb-color-bg);border-radius:7px;place-items:center;font-size:16px;display:grid}.skin-comparison .workspace-brand>span{color:var(--kb-color-muted);font-weight:400}.skin-comparison .workspace-avatar{border:1px solid var(--kb-color-border);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.skin-comparison .workspace-body{grid-template-columns:162px minmax(0,1fr);display:grid}.skin-comparison .workspace-sidebar{border-right:1px solid var(--kb-color-border);background:var(--kb-color-bg);border-bottom-left-radius:14px;flex-direction:column;gap:6px;padding:28px 12px;display:flex}.skin-comparison .workspace-sidebar>p{letter-spacing:.08em;padding:0 12px 8px;font-size:9px}.skin-comparison .workspace-sidebar button>span{font-size:16px}.skin-comparison .workspace-sidebar-note{color:var(--kb-color-muted);margin-top:auto;padding:40px 12px 0;font-size:10px}.skin-comparison .workspace-sidebar-note>span:last-child{margin-top:6px;font-size:9px;display:block}.skin-comparison .connection-dot{background:var(--kb-color-success);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.skin-comparison .workspace-content{min-width:0;padding:32px}.skin-comparison .workspace-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.skin-comparison .workspace-eyebrow{margin-bottom:12px;font-size:10px}.skin-comparison .workspace-heading h2+p{font-size:var(--kb-text-small-size);margin-top:8px}.skin-comparison .settings-fields{--kb-fieldset-gap:0px;--kb-fieldset-fields-gap:var(--kb-space-4)}.skin-comparison .workspace-form .kb-errorsummary{margin-block-end:var(--kb-space-4)}.skin-comparison .settings-card{gap:24px}.skin-comparison .section-intro{align-items:start;gap:14px;display:flex}.skin-comparison .section-number{color:var(--kb-color-muted);border:1px solid var(--kb-color-border);font:10px / 26px var(--kb-font-mono);text-align:center;border-radius:6px;min-width:28px}.skin-comparison .section-intro p{margin-top:5px;font-size:12px}.skin-comparison .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.skin-comparison .workspace-sidebar .kb-button{text-align:start;justify-content:flex-start;min-block-size:44px;inline-size:100%}.skin-comparison .preference-row{min-block-size:52px}.skin-comparison .preference-row+.preference-row{border-top:1px solid var(--kb-color-border);padding-top:16px}.skin-comparison .workspace-context{flex-direction:row;align-items:center;gap:12px}.skin-comparison .workspace-context p{margin-top:3px;font-size:11px}.skin-comparison .workspace-context .kb-status{margin-left:auto}.skin-comparison .context-icon{flex:none;width:34px;height:34px}.skin-comparison .form-actions{--kb-formactions-gap:var(--kb-space-4);padding-top:20px}.skin-comparison .form-actions>span{color:var(--kb-color-muted);font-size:11px}.skin-comparison .form-actions>div{flex-wrap:wrap;gap:8px;display:flex}.skin-comparison .workspace-form .kb-callout{margin-top:16px}.skin-comparison .operations-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.skin-comparison .operations-stats small{color:var(--kb-color-muted);margin-top:10px;font-size:10px}.skin-comparison .queue-card{padding:0;overflow:hidden}.skin-comparison .queue-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.skin-comparison .queue-heading p{margin-top:4px;font-size:11px}.skin-comparison .queue-heading .kb-input{width:200px}.skin-comparison .queue-filters{inline-size:fit-content;min-inline-size:0;max-inline-size:calc(100% - 48px);margin:0 24px 12px}.skin-comparison .queue-count{padding:12px 24px 0;font-size:10px}.skin-comparison .queue-scroll{padding-bottom:4px;overflow:auto}.skin-comparison .queue-scroll table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;min-width:590px;font-size:11px}.skin-comparison .queue-scroll th{color:var(--kb-color-muted);padding:14px 16px;font-size:10px;font-weight:500}.skin-comparison .queue-scroll td{border-top:1px solid var(--kb-color-border);padding:16px}.skin-comparison .queue-scroll :is(th,td):first-child{padding-left:24px}.skin-comparison .queue-scroll td strong{font-size:12px;font-weight:500;display:block}.skin-comparison .queue-scroll td:first-child span{color:var(--kb-color-muted);margin-top:4px;font-size:10px;display:block}.skin-comparison .queue-empty{text-align:center;padding:48px 24px}.skin-comparison .queue-empty p{margin:8px 0 20px;font-size:12px}.skin-comparison .queue-card>.kb-callout{margin:20px}.skin-comparison .workspace-portals .kb-dialog-backdrop{z-index:60}.skin-comparison .workspace-portals .kb-dialog-popup{z-index:61}.skin-comparison .workspace-portals .job-description{margin-top:20px;font-size:14px}.skin-comparison .loading-mark{border:2px solid var(--kb-color-border);border-top-color:var(--kb-color-accent);border-radius:50%;width:22px;height:22px;margin:0 auto 16px;display:block}.skin-comparison .comparison-foot{color:var(--muted);grid-template-columns:1fr 1fr;gap:48px;padding-top:28px;font-size:12px;display:grid}.skin-comparison .comparison-foot>p{max-width:520px}.skin-comparison .comparison-foot strong{color:var(--ink)}.skin-comparison .comparison-foot summary{cursor:pointer;color:var(--ink);min-height:44px}.skin-comparison .comparison-foot details>div{flex-wrap:wrap;gap:16px;display:flex}@container (width<=850px){.skin-comparison .workspace-body{grid-template-columns:1fr}.skin-comparison .workspace-sidebar{border-right:0;border-bottom:1px solid var(--kb-color-border);border-radius:0;flex-direction:row;padding:8px 16px}.skin-comparison .workspace-sidebar>p,.skin-comparison .workspace-sidebar-note{display:none}}@container (width<=580px){.skin-comparison .workspace-content{padding:24px 16px}.skin-comparison .settings-grid{grid-template-columns:1fr}.skin-comparison .workspace-heading h2{font-size:23px}.skin-comparison .operations-stats{gap:8px}.skin-comparison .operations-stats .kb-card{padding:12px}.skin-comparison .operations-stats .kb-stat-value{font-size:26px}.skin-comparison .operations-stats .kb-stat-label{font-size:10px}.skin-comparison .queue-heading{flex-direction:column;align-items:stretch;padding:20px 16px 16px}.skin-comparison .queue-heading .kb-input{width:100%}.skin-comparison .queue-filters{max-inline-size:calc(100% - 32px);margin-inline:16px}.skin-comparison .workspace-topbar{padding-inline:16px}.skin-comparison .workspace-brand{gap:8px;font-size:11px}.skin-comparison .form-actions>div{width:100%}.skin-comparison .form-actions .kb-button{flex:1;padding-inline:10px}.skin-comparison .skin-surface .kb-button{min-height:44px}}@media (width<=1000px){.skin-comparison .comparison-intro{grid-template-columns:1fr;gap:24px}.skin-comparison .comparison-note{display:none}.skin-comparison .comparison-previews[data-view=split]{grid-template-columns:1fr}}@media (width<=600px){.skin-comparison .comparison-foot{grid-template-columns:1fr;gap:16px}.skin-comparison .comparison-intro a{min-height:44px}.skin-comparison .comparison-intro{padding-bottom:24px}}@media (prefers-reduced-motion:no-preference){.skin-comparison .loading-mark{animation:.9s linear infinite skin-loading}}@media (forced-colors:active){.skin-comparison .workspace-sidebar [aria-current=page]{outline-offset:-3px;outline:2px solid highlight}}@keyframes skin-loading{to{transform:rotate(360deg)}}.kbui-lab .section{border-top:1px solid var(--review-line);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{border:1px solid var(--review-control);border-radius:var(--site-radius-surface);background:var(--kb-color-bg);min-width:0;min-height:0;color:var(--kb-color-fg);flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;position:relative}.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:var(--review-plane);border-radius:var(--site-radius-surface);border:1px solid var(--review-line);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 .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-flow:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kbui-lab .checks{font-size:var(--kb-text-small-size);flex-wrap:wrap;gap:8px 24px;margin-top:16px;display:flex}.kbui-lab .playground-grid>.example-code{grid-column:1/-1;margin-top:0}.kbui-lab .component-search{max-width:480px;margin-top:24px}.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{border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.kbui-lab .component-card:hover{border-color:var(--kb-color-ring);text-decoration:none}.kbui-lab .component-name{font-size:20px;font-weight:550}.kbui-lab .component-description{font-size:var(--kb-text-small-size);color:var(--muted)}.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}}