.kb-root{--kb-line: color-mix(in srgb, var(--kb-text) 12%, transparent);--kb-soft: color-mix(in srgb, var(--kb-text) 5%, transparent);--kb-ease: cubic-bezier(.22, 1, .36, 1);--kb-gutter: 16px;--kb-danger: #b42318;--kb-warn: #93370d;--kb-warn-soft: #fef6ee;position:relative;display:flex;flex-direction:column;height:100%;min-height:480px;overflow:hidden;background:var(--kb-bg);color:var(--kb-text);font-family:var(--kb-font);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.kb-root[data-scheme=dark]{--kb-danger: #ff7b72;--kb-warn: #f1b54b;--kb-warn-soft: #33270f}.kb-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 22% 6% at var(--kb-spot-x, 50%) var(--kb-spot-floor, 87%),rgb(255 242 224 / .28),transparent 100%),radial-gradient(ellipse 28% 100% at var(--kb-spot-x, 50%) var(--kb-spot-top, -8%),rgb(255 242 224 / .13),transparent 70%),radial-gradient(ellipse 80% 80% at var(--kb-spot-x, 50%) 50%,transparent 40%,rgb(0 0 0 / .55) 100%),#060607;transition:opacity .35s ease-in}.kb-root[data-showcase] .kb-stage{--kb-line: color-mix(in srgb, var(--kb-text) 12%, transparent);--kb-soft: color-mix(in srgb, var(--kb-text) 5%, transparent);color:var(--kb-text)}.kb-root:is([data-scheme=dark],[data-showcase]) .kb-stage:not(.kb-stage-flat):before{opacity:1;transition:opacity .6s ease-out .2s}.kb-root *,.kb-root *:before,.kb-root *:after{box-sizing:border-box}.kb-root button{font:inherit;color:inherit;cursor:pointer}.kb-root :focus-visible{outline:2px solid var(--kb-accent);outline-offset:2px}.kb-icon{width:1.4em;height:1.4em;flex:none}.kb-stage{position:relative;flex:1 1 auto;min-height:200px;touch-action:none;background:var(--kb-stage-image, none) center / cover no-repeat}.kb-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.kb-canvas-overlay{pointer-events:none;opacity:0}.kb-stage-bar{position:absolute;top:12px;left:var(--kb-gutter);right:var(--kb-gutter);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:5}.kb-stage-bar>*{pointer-events:auto}.kb-loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--kb-muted);background:var(--kb-bg);z-index:2}.kb-loader-shirt{width:120px;height:130px;background:linear-gradient(100deg,var(--kb-soft) 30%,color-mix(in srgb,var(--kb-panel) 80%,transparent) 50%,var(--kb-soft) 70%);background-size:300% 100%;animation:kb-shimmer 1.4s linear infinite;clip-path:polygon(30% 0,42% 6%,58% 6%,70% 0,100% 16%,90% 38%,80% 34%,80% 100%,20% 100%,20% 34%,10% 38%,0 16%)}.kb-toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);max-width:min(420px,calc(100% - 32px));display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--kb-text);color:var(--kb-panel);font-size:13px;z-index:3}.kb-link{background:none;border:0;padding:0;text-decoration:underline;color:inherit!important}.kb-round{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--kb-line);background:var(--kb-panel);padding:0;transition:transform .2s var(--kb-ease),background .2s}.kb-round:hover{background:var(--kb-soft)}.kb-round:disabled{opacity:.35;cursor:default}.kb-stage-actions{display:flex;flex:none;gap:8px}.kb-round:active{transform:scale(.92)}.kb-pill{border:1px solid var(--kb-line);background:var(--kb-panel);border-radius:var(--kb-radius);padding:7px 16px;font-size:13px;transition:background .2s}.kb-pill:hover{background:var(--kb-soft)}.kb-arrow{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;border-radius:50%;color:var(--kb-muted)!important;transition:color .2s,background .2s}.kb-arrow:hover{color:var(--kb-text)!important;background:var(--kb-soft)}.kb-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--kb-radius);border:1px solid var(--kb-line);background:var(--kb-panel);font-size:13px;transition:background .2s}.kb-button:hover{background:var(--kb-soft)}.kb-button-danger{color:var(--kb-danger)!important}.kb-tabs{position:relative;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px var(--kb-gutter)}.kb-tabs::-webkit-scrollbar{display:none}.kb-tab{position:relative;z-index:1;flex:none;padding:7px 18px;border-radius:var(--kb-radius);border:1px solid var(--kb-line);background:transparent;color:var(--kb-muted)!important;font-size:13px;white-space:nowrap;transition:color .3s var(--kb-ease)}.kb-tab[aria-selected=true]{color:var(--kb-text)!important}.kb-tab-indicator{position:absolute;top:0;left:0;border-radius:var(--kb-radius);background:var(--kb-panel);border:1px solid var(--kb-text);pointer-events:none}.kb-controls{position:relative;flex:none;display:flex;flex-direction:column;min-height:0}.kb-sections{flex:none}.kb-garments{padding:3px;gap:2px;border-radius:var(--kb-radius);background:color-mix(in srgb,var(--kb-panel) 70%,transparent);backdrop-filter:blur(8px);border:1px solid var(--kb-line)}.kb-garments .kb-tab{border-color:transparent;padding:6px 14px}.kb-garments .kb-tab-indicator{border-color:transparent;background:var(--kb-text)}.kb-garments .kb-tab[aria-selected=true]{color:var(--kb-panel)!important}.kb-panel{flex:none;background:var(--kb-panel);border-top:1px solid var(--kb-line)}.kb-panel-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px var(--kb-gutter) 4px}.kb-panel-title{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.kb-panel-heading{display:grid;justify-items:center;gap:6px;min-width:0}.kb-panel-heading h2{margin:0;font-size:17px;font-weight:500;letter-spacing:.04em;white-space:nowrap}.kb-panel-help{margin:0;max-width:34ch;font-size:12.5px;line-height:1.35;color:var(--kb-muted);text-align:center}.kb-progress{display:flex;gap:5px}.kb-progress-dot{width:5px;height:5px;border-radius:3px;background:var(--kb-line);transition:width .35s var(--kb-ease),background .35s}.kb-progress-dot[data-active=true]{width:16px;background:var(--kb-text)}.kb-panel-body{overflow:hidden}.kb-panel-content{height:min(38vh,300px);overflow-y:auto;overscroll-behavior:contain;padding:8px var(--kb-gutter) 20px}.kb-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:720px;margin:0 auto}.kb-empty,.kb-note{margin:0;color:var(--kb-muted);font-size:13px;text-align:center}.kb-note-warn{color:var(--kb-warn);background:var(--kb-warn-soft);border-radius:10px;padding:8px 12px;text-align:left}.kb-note-error{color:var(--kb-danger)}.kb-field{display:grid;gap:8px;min-width:0}.kb-field-label{display:flex;justify-content:center;gap:8px;font-size:13px}.kb-field-value{color:var(--kb-muted)}.kb-swatches{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:6px 4px;justify-content:safe center;scroll-snap-type:x proximity}.kb-swatches::-webkit-scrollbar{display:none}.kb-swatch{flex:none;width:32px;height:32px;border-radius:50%;padding:0;background:var(--swatch);border:1px solid color-mix(in srgb,var(--swatch) 85%,#000);box-shadow:0 0 0 0 var(--kb-panel),0 0 0 0 var(--kb-text);scroll-snap-align:center;transition:box-shadow .3s var(--kb-ease),transform .2s var(--kb-ease)}.kb-swatch[style*=none]{background:linear-gradient(135deg,transparent 46%,#d33 46% 54%,transparent 54%),repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0 / 10px 10px;border-color:#bbb}.kb-swatch:hover{transform:scale(1.08)}.kb-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--kb-panel),0 0 0 4.5px var(--kb-text)}.kb-segmented{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.kb-segment{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:var(--kb-radius);border:1px solid var(--kb-line);background:var(--kb-panel);font-size:13px;transition:border-color .25s,background .25s}.kb-segment img{width:22px;height:22px;object-fit:contain}.kb-segment[aria-checked=true]{border-color:var(--kb-text);background:var(--kb-soft)}.kb-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:safe center;padding:2px}.kb-chips::-webkit-scrollbar{display:none}.kb-chip{flex:none;padding:7px 14px;border-radius:var(--kb-radius);border:1px solid var(--kb-line);background:var(--kb-panel);font-size:15px;transition:border-color .25s,background .25s}.kb-chip[aria-checked=true],.kb-chip[aria-pressed=true]{border-color:var(--kb-text);background:var(--kb-soft)}.kb-input{justify-self:center;width:min(100%,320px);padding:11px 16px;border-radius:var(--kb-radius);border:1px solid var(--kb-line);background:var(--kb-panel);color:var(--kb-text);font:inherit;font-size:16px;text-align:center;letter-spacing:.06em;transition:border-color .2s}.kb-input:focus{outline:none;border-color:var(--kb-text)}.kb-slider{justify-self:center;width:min(100%,360px)}.kb-slider input{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--kb-text) var(--fill),var(--kb-line) var(--fill));margin:8px 0}.kb-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--kb-panel);border:1px solid var(--kb-line);box-shadow:0 1px 4px #0003;transition:transform .2s var(--kb-ease)}.kb-slider input:active::-webkit-slider-thumb{transform:scale(1.15)}.kb-slider input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--kb-panel);border:1px solid var(--kb-line);box-shadow:0 1px 4px #0003}.kb-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:420px;width:100%;margin:0 auto 16px;padding:12px 16px;border-radius:14px;background:var(--kb-soft);cursor:pointer;position:relative}.kb-toggle input{position:absolute;opacity:0;pointer-events:none}.kb-toggle-label{display:block}.kb-toggle-description{display:block;font-size:12px;color:var(--kb-muted)}.kb-toggle-track{position:relative;flex:none;width:40px;height:24px;border-radius:12px;background:var(--kb-line);transition:background .3s var(--kb-ease)}.kb-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--kb-panel);box-shadow:0 1px 3px #00000040;transition:transform .35s var(--kb-ease)}.kb-toggle input:checked+.kb-toggle-track{background:var(--kb-text)}.kb-toggle input:checked+.kb-toggle-track:after{transform:translate(16px)}.kb-toggle input:focus-visible+.kb-toggle-track{outline:2px solid var(--kb-accent);outline-offset:2px}.kb-garment-options{display:grid;gap:8px;max-width:420px;margin:0 auto 16px}.kb-garment-options .kb-toggle{margin:0}.kb-stepper{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-radius:14px;background:var(--kb-soft)}.kb-stepper-controls{display:flex;align-items:center;gap:12px}.kb-stepper output{min-width:1.5em;text-align:center;font-variant-numeric:tabular-nums}.kb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.kb-viewport{position:absolute;inset:0}.kb-stage-left{display:grid;justify-items:start;gap:8px;min-width:0}.kb-stage-left>*{max-width:100%}.kb-stage-left:empty{display:none}.kb-modes .kb-tab{font-size:12px;padding:5px 12px}.kb-stage-flat .kb-viewport{inset:auto 12px 12px auto;width:min(34%,260px);height:min(42%,300px);z-index:1;border-radius:16px;background:var(--kb-panel);border:1px solid var(--kb-line);box-shadow:0 8px 28px #0000001f;overflow:hidden;animation:kb-pip-in .4s var(--kb-ease)}@media(max-width:599px){.kb-stage-flat .kb-viewport{width:30%;height:32%}}@keyframes kb-pip-in{0%{opacity:0;transform:scale(.9)}}.kb-flat{position:absolute;inset:0;padding-top:96px}.kb-flat-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.kb-flat-canvas[data-tool=draw]{cursor:crosshair}.kb-flat-zoom{position:absolute;left:var(--kb-gutter);bottom:12px;display:grid;gap:8px}.kb-tools{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.kb-tool{display:grid;justify-items:center;gap:4px;min-width:60px;padding:8px 6px 6px;border-radius:14px;border:1px solid var(--kb-line);background:var(--kb-panel);font-size:12px;transition:border-color .25s,background .25s}.kb-tool[aria-pressed=true]{border-color:var(--kb-text);background:var(--kb-soft)}.kb-tool:disabled{opacity:.35;cursor:default}.kb-tool .kb-spinner{width:1.4em;height:1.4em}.kb-shape-grid{display:grid;grid-template-columns:repeat(4,56px);justify-content:center;gap:8px}.kb-shape{display:grid;place-items:center;height:56px;border-radius:14px;border:1px solid var(--kb-line);background:var(--kb-panel);transition:background .2s,transform .2s var(--kb-ease)}.kb-shape:hover{background:var(--kb-soft)}.kb-shape-icon{width:30px;height:30px}.kb-inline-form{display:flex;justify-content:center;gap:8px}.kb-inline-form .kb-input{width:min(100%,240px)}.kb-note-lock{display:flex;align-items:flex-start;justify-content:center;gap:8px;text-align:left;max-width:420px;justify-self:center}.kb-note-lock .kb-icon{flex:none;margin-top:-1px}.kb-element-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.kb-element-title img{width:36px;height:36px;object-fit:contain;border-radius:8px;border:1px solid var(--kb-line)}.kb-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px 12px;width:100%;max-width:900px;margin:0 auto}.kb-template{display:grid;justify-items:center;gap:4px;border:0;background:none;padding:4px;border-radius:14px}.kb-template-image{position:relative;width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--kb-soft);transition:box-shadow .3s var(--kb-ease)}.kb-template-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s var(--kb-ease)}.kb-template:hover .kb-template-image img{transform:scale(1.06)}.kb-template[aria-checked=true] .kb-template-image{box-shadow:inset 0 0 0 1.5px var(--kb-text)}.kb-template-name{font-size:13px;color:var(--kb-muted);transition:color .2s}.kb-template[aria-checked=true] .kb-template-name{color:var(--kb-text)}.kb-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--kb-panel) 70%,transparent) 50%,transparent 70%);background-size:300% 100%;animation:kb-shimmer 1.4s linear infinite}@keyframes kb-shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.kb-logo-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px;padding:4px}.kb-logo-slot{flex:none;display:grid;justify-items:center;gap:6px;width:84px;border:0;background:none;padding:0}.kb-logo-thumb{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--kb-text) 30%,transparent);color:var(--kb-muted);overflow:hidden;transition:border-color .25s,box-shadow .25s var(--kb-ease)}.kb-logo-thumb img{max-width:80%;max-height:80%;object-fit:contain}.kb-logo-text{max-width:90%;overflow:hidden;font-size:20px;font-weight:700;white-space:nowrap}.kb-logo-slot[aria-pressed=true] .kb-logo-thumb{border-style:solid;border-color:var(--kb-text);box-shadow:0 0 0 3px var(--kb-soft)}.kb-logo-label{font-size:12px;text-align:center;color:var(--kb-muted)}.kb-spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--kb-line);border-top-color:var(--kb-text);animation:kb-spin .8s linear infinite}@keyframes kb-spin{to{transform:rotate(360deg)}}.kb-sheet-layer{position:absolute;inset:0;z-index:10;overflow:hidden;border-radius:inherit;display:flex;align-items:flex-end;justify-content:center}.kb-backdrop{position:absolute;inset:0;background:#0000004d}.kb-sheet{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--kb-panel);border-radius:inherit;outline:none}.kb-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px var(--kb-gutter) 8px}.kb-sheet-header h2{margin:0;font-size:18px;font-weight:500}.kb-sheet-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 var(--kb-gutter) 24px}.kb-sheet-footer{display:flex;justify-content:center;padding-top:20px;margin-top:auto}.kb-sheet-footer{gap:10px;flex-wrap:wrap}.kb-finish{flex:none;padding:8px var(--kb-gutter) 12px}.kb-finish-button{width:100%;padding:13px 18px;border:0;border-radius:var(--kb-radius);background:var(--kb-text);color:var(--kb-panel)!important;font:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s}.kb-finish-button:hover{opacity:.88}.kb-finish-button:active{transform:scale(.98)}.kb-finish-button:disabled{opacity:.6;cursor:progress}.kb-button-primary{background:var(--kb-text);border-color:var(--kb-text);color:var(--kb-panel)!important}.kb-button-primary:hover{background:var(--kb-text);opacity:.88}.kb-quote{display:grid;gap:12px;padding-top:4px}.kb-quote-intro{margin:0 0 4px;font-size:14px;line-height:1.5;color:var(--kb-muted)}.kb-quote-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kb-quote-field{display:grid;gap:6px;min-width:0;font-size:13px}.kb-quote-field em{font-style:normal;color:var(--kb-muted)}.kb-quote-input{width:100%;min-width:0;padding:10px 12px;border-radius:calc(var(--kb-radius) * .75);border:1px solid var(--kb-line);background:var(--kb-panel);color:var(--kb-text);font:inherit;font-size:16px;transition:border-color .2s}textarea.kb-quote-input{resize:vertical;border-radius:min(calc(var(--kb-radius) * .75),14px)}.kb-quote-input:focus{outline:none;border-color:var(--kb-text)}.kb-quote-error{margin:0;font-size:13px;color:var(--kb-danger)}.kb-quote-small{margin:0;font-size:12px;text-align:center;color:var(--kb-muted)}.kb-quote-sent{display:grid;justify-items:center;gap:12px;padding:24px 0 8px;text-align:center;font-size:15px;line-height:1.5}.kb-quote-sent p{margin:0;max-width:36ch}.kb-quote-tick{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--kb-text);color:var(--kb-panel);animation:kb-tick-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes kb-tick-in{0%{transform:scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.kb-quote-tick{animation:none}}@media(max-width:420px){.kb-quote-row{grid-template-columns:1fr}}.kb-summary h3{margin:16px 0 8px;font-size:14px;font-weight:600}.kb-summary dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:13px}.kb-summary dt{color:var(--kb-muted)}.kb-summary dd{margin:0;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.kb-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--kb-line);flex:none}.kb-layout{container-type:inline-size;height:100%}.kb-free-toggle{display:none}@container (max-width: 599px){.kb-stage-bar{display:contents}.kb-stage-left{position:absolute;z-index:5;top:8px;left:var(--kb-gutter);right:var(--kb-gutter);gap:6px;pointer-events:none}.kb-stage-left>*{pointer-events:auto}.kb-stage-actions{position:absolute;z-index:5;left:0;right:0;bottom:calc(var(--kb-covered-bottom, 0px) + 10px);justify-content:center;gap:10px;pointer-events:none}.kb-stage-actions>*{pointer-events:auto}.kb-product-kicker{display:none}.kb-stage-left{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px}.kb-stage-left>.kb-garments:not(.kb-modes){grid-row:1;grid-column:1}.kb-product{grid-row:1;grid-column:2;justify-self:end}.kb-product .kb-product-menu{left:auto;right:0}.kb-modes{display:none}.kb-free-toggle{display:grid}.kb-free-toggle[aria-pressed=true]{background:var(--kb-text);color:var(--kb-panel)!important;border-color:var(--kb-text)}.kb-product-button{max-width:100%;padding:5px 10px 5px 14px;font-size:13px}.kb-product-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kb-product-menu{max-width:calc(100vw - 2 * var(--kb-gutter))}.kb-garments .kb-tab{padding:4px 10px;font-size:12px}.kb-sections{gap:4px;padding-block:8px}.kb-sections .kb-tab{flex:1 0 auto;padding:5px 6px;font-size:12px}}@container (max-width: 899px){.kb-root[data-mobile-panel=sheet] .kb-controls{position:absolute;z-index:4;left:8px;right:8px;bottom:8px;max-height:calc(100% - 72px);border:1px solid var(--kb-line);border-radius:20px;background:color-mix(in srgb,var(--kb-panel) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000024;overflow:hidden}.kb-root[data-mobile-panel=sheet] .kb-panel{background:transparent;border-top:0}.kb-root[data-mobile-panel=sheet] .kb-panel-content{height:min(32vh,260px)}}@container (min-width: 900px){.kb-root:is([data-panel=left],[data-panel=right]){flex-direction:row}.kb-root[data-panel=left]{flex-direction:row-reverse}.kb-root:is([data-panel=left],[data-panel=right]) .kb-controls{width:clamp(360px,32%,480px);background:var(--kb-panel)}.kb-root[data-panel=right] .kb-controls{border-left:1px solid var(--kb-line)}.kb-root[data-panel=left] .kb-controls{border-right:1px solid var(--kb-line)}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-sections{padding-top:16px}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-sections .kb-tab{flex:1 0 auto;padding-inline:6px}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-sections{gap:4px}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-panel{flex:1;border-top:0;display:flex;flex-direction:column;min-height:0}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-panel-body{flex:1;min-height:0}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-panel-content{height:100%}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-panel-header>.kb-collapse{visibility:hidden}.kb-root:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-templates{grid-template-columns:repeat(3,1fr)}.kb-root[data-panel=sticky] .kb-controls{position:absolute;z-index:4;top:64px;bottom:12px;width:clamp(356px,30%,420px);border:1px solid var(--kb-line);border-radius:20px;background:color-mix(in srgb,var(--kb-panel) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000024;overflow:hidden}.kb-root[data-panel=sticky][data-sticky-side=right] .kb-controls{right:12px}.kb-root[data-panel=sticky][data-sticky-side=left] .kb-controls{left:12px}.kb-root[data-panel=sticky][data-sticky-side=left]:is(:has(.kb-modes),:has(.kb-product)) .kb-controls{top:108px}.kb-root[data-panel=sticky][data-sticky-side=left]:has(.kb-modes):has(.kb-product) .kb-controls{top:156px}.kb-root[data-panel=sticky] .kb-panel{background:transparent}}.kb-root[data-tabs=bottom] .kb-sections{order:1}.kb-root[data-tabs=bottom] .kb-finish{order:2}@container (min-width: 600px){.kb-root[data-tabs=side] .kb-controls{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.kb-root[data-tabs=side] .kb-sections{grid-row:1 / -1;grid-column:1;flex-direction:column;gap:4px;max-width:150px;overflow:hidden auto;padding:16px 8px 16px var(--kb-gutter);border-right:1px solid var(--kb-line)}.kb-root[data-tabs=side] .kb-sections .kb-tab{flex:none!important;padding:8px 12px;text-align:left;white-space:normal}.kb-root[data-tabs=side] :is(.kb-panel,.kb-finish){grid-column:2}.kb-root[data-tabs=side] .kb-panel{border-top:0}.kb-root[data-bar=bottom] .kb-stage-bar{top:auto;bottom:12px;align-items:flex-end}.kb-root[data-bar=bottom] .kb-stage-left{align-content:end}.kb-root[data-bar=bottom] :is(.kb-product-menu,.kb-layout-menu,.kb-scheme-menu){top:auto;bottom:calc(100% + 8px)}}@container (min-width: 900px){.kb-root[data-tabs=bottom]:is([data-panel=left],[data-panel=right],[data-panel=sticky]) .kb-sections{padding-top:10px}.kb-root[data-panel=sticky][data-bar=bottom] .kb-controls{top:12px;bottom:64px}.kb-root[data-panel=sticky][data-bar=bottom][data-sticky-side=left]:is(:has(.kb-modes),:has(.kb-product)) .kb-controls{top:12px;bottom:108px}.kb-root[data-panel=sticky][data-bar=bottom][data-sticky-side=left]:has(.kb-modes):has(.kb-product) .kb-controls{top:12px;bottom:156px}}.kb-product{position:relative}.kb-product-button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 16px;border:1px solid var(--kb-line);border-radius:var(--kb-radius);background:color-mix(in srgb,var(--kb-panel) 85%,transparent);backdrop-filter:blur(8px);font-size:14px;transition:background .2s}.kb-product-button:hover{background:var(--kb-panel)}.kb-product-kicker{color:var(--kb-muted);font-size:12px}.kb-product-name{font-weight:600}.kb-product-menu{position:absolute;z-index:10;top:calc(100% + 8px);left:0;display:grid;min-width:220px;padding:6px;border:1px solid var(--kb-line);border-radius:14px;background:var(--kb-panel);box-shadow:0 10px 30px #00000024}.kb-product-option{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border:0;border-radius:10px;background:none;font-size:14px;text-align:left}.kb-product-option:hover{background:var(--kb-soft)}.kb-product-option[aria-checked=true]{font-weight:600;background:var(--kb-soft)}.kb-product-image{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:8px;background:var(--kb-soft);color:var(--kb-muted);font-size:20px;overflow:hidden}.kb-product-image img{width:100%;height:100%;object-fit:cover}.kb-layout-switch{position:relative}.kb-layout-menu{position:absolute;z-index:10;top:calc(100% + 8px);right:0;display:grid;min-width:180px;padding:6px;border:1px solid var(--kb-line);border-radius:14px;background:var(--kb-panel);box-shadow:0 10px 30px #00000024}.kb-layout-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:none;font-size:13px;text-align:left}.kb-layout-option:hover{background:var(--kb-soft)}.kb-layout-option[aria-checked=true]{font-weight:600}.kb-layout-glyph{position:relative;width:22px;height:16px;flex:none;border:1.5px solid currentColor;border-radius:3px;opacity:.55}.kb-layout-option[aria-checked=true] .kb-layout-glyph{opacity:1}.kb-layout-glyph:after{content:"";position:absolute;background:currentColor;border-radius:1px}[data-position=left] .kb-layout-glyph:after{inset:0 auto 0 0;width:7px}[data-position=right] .kb-layout-glyph:after{inset:0 0 0 auto;width:7px}[data-position=bottom] .kb-layout-glyph:after{inset:auto 0 0;height:5px}[data-position=sticky-left] .kb-layout-glyph:after{inset:2px auto 2px 2px;width:6px}[data-position=sticky-right] .kb-layout-glyph:after{inset:2px 2px 2px auto;width:6px}.kb-scheme-switch{position:relative}.kb-scheme-menu{min-width:140px}@container (max-width: 899px){.kb-layout-switch{display:none}}@media(prefers-reduced-motion:reduce){.kb-root *,.kb-root *:before,.kb-root *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kb-unavailable{display:grid;place-items:center;height:100%;min-height:240px;padding:24px;font:500 15px/1.5 Figtree,system-ui,sans-serif;color:#555;text-align:center;background:#f2f0ef}@media(prefers-color-scheme:dark){.kb-unavailable{color:#aaa;background:#16171a}}[data-inspecting],[data-inspecting] *{cursor:pointer!important}.kb-inspect{position:fixed;top:0;left:0;z-index:2147483647;pointer-events:none;opacity:0;border:2px solid #3b82f6;border-radius:8px;background:#3b82f614;transition:transform .12s ease,width .12s ease,height .12s ease,opacity .12s ease}.kb-inspect>span{position:absolute;left:-2px;bottom:100%;margin-bottom:4px;padding:3px 8px;border-radius:6px;background:#3b82f6;color:#fff;font:600 11.5px/1.3 system-ui,sans-serif;white-space:nowrap}.kb-inspect>span[data-below=true]{bottom:auto;top:100%;margin:4px 0 0}[data-inspecting] :is(.kb-sections [data-id],.kb-panel-heading h2){cursor:grab!important}[data-arranging],[data-arranging] *{cursor:grabbing!important;user-select:none}.kb-arrange{position:fixed;inset:0;z-index:2147483646;pointer-events:none;font:600 11.5px/1.3 system-ui,sans-serif}.kb-arrange-handle{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border:0;border-radius:999px;background:#3b82f6;color:#fff!important;font:inherit;box-shadow:0 2px 8px #0003;pointer-events:auto;cursor:grab;touch-action:none;white-space:nowrap}.kb-arrange-handle:hover{background:#2563eb}.kb-arrange-handle[hidden]{display:none}.kb-arrange-ghost{position:absolute;top:0;left:0;padding:6px 12px;border-radius:8px;background:#3b82f6;color:#fff;box-shadow:0 8px 24px #00000040;white-space:nowrap}.kb-arrange-marker{position:absolute;top:0;left:0;width:3px;border-radius:2px;background:#3b82f6}.kb-arrange-marker[data-column=true]{width:auto;height:3px}.kb-arrange-marker[hidden]{display:none}.kb-arrange-zone{position:absolute;top:0;left:0;display:grid;place-items:center;border:2px dashed rgb(59 130 246 / .6);border-radius:12px;background:#3b82f614;color:#1d4ed8;transition:background .12s ease,border-color .12s ease}.kb-arrange-zone>span{padding:3px 8px;border-radius:6px;background:#ffffffe6}.kb-arrange-zone[data-current=true]{border-style:dotted;opacity:.6}.kb-arrange-zone[data-active=true]{border:2px solid #3b82f6;background:#3b82f638;opacity:1}.kb-sections [data-dragging]{opacity:.4}.kb-sections [data-drop]{outline:2px solid #3b82f6;outline-offset:2px}