.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-dock{display:flex;gap:12px;min-width:0;min-height:0}.kb-dock[data-centered]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.kb-dock-stack{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.kb-dock-stack[data-align=start]{flex:1 1 auto;grid-column:1;align-items:flex-start}.kb-dock-stack[data-align=center]{flex:0 1 auto;grid-column:2;margin-inline:auto;align-items:center}.kb-dock-stack[data-align=end]{flex:0 0 auto;max-width:65%;grid-column:3;margin-left:auto;align-items:flex-end}.kb-dock-row{min-width:0;max-width:100%;min-height:0;max-height:100%}.kb-brand{display:block;height:40px;width:auto;max-width:min(180px,100%);object-fit:contain;user-select:none}.kb-dock[data-dock^=panel] .kb-brand{height:32px}.kb-dock:is([data-dock$=-left],[data-dock$=-right]){flex-direction:column}.kb-dock:is([data-dock$=-left],[data-dock$=-right])[data-centered]{grid-template-columns:none;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.kb-dock:is([data-dock$=-left],[data-dock$=-right]) .kb-dock-stack{flex-direction:row;grid-column:auto}.kb-dock:is([data-dock$=-left],[data-dock$=-right]) .kb-dock-stack[data-align=start]{grid-row:1;align-items:flex-start}.kb-dock:is([data-dock$=-left],[data-dock$=-right]) .kb-dock-stack[data-align=center]{grid-row:2;margin:auto 0}.kb-dock:is([data-dock$=-left],[data-dock$=-right]) .kb-dock-stack[data-align=end]{grid-row:3;margin:auto 0 0;align-items:flex-end}.kb-dock[data-dock=stage-right] .kb-dock-stack{flex-direction:row-reverse}.kb-dock[data-dock^=stage]{position:absolute;z-index:5;pointer-events:none}.kb-dock[data-dock^=stage] .kb-dock-row{pointer-events:auto}.kb-dock[data-dock=stage-top]{top:12px;left:calc(var(--kb-area-left, 0px) + var(--kb-gutter));right:calc(var(--kb-area-right, 0px) + var(--kb-gutter))}.kb-dock[data-dock=stage-bottom]{bottom:calc(var(--kb-covered-bottom, 0px) + 12px);left:calc(var(--kb-area-left, 0px) + var(--kb-gutter));right:calc(var(--kb-area-right, 0px) + var(--kb-gutter));align-items:flex-end}.kb-dock[data-dock=stage-bottom] .kb-dock-stack{justify-content:flex-end}.kb-dock:is([data-dock=stage-left],[data-dock=stage-right]){top:calc(var(--kb-dock-top, 0px) + 12px);bottom:calc(var(--kb-covered-bottom, 0px) + var(--kb-dock-bottom, 0px) + 12px)}.kb-dock[data-dock=stage-left]{left:calc(var(--kb-area-left, 0px) + var(--kb-gutter))}.kb-dock[data-dock=stage-right]{right:calc(var(--kb-area-right, 0px) + var(--kb-gutter))}.kb-dock[data-flow]{gap:8px}.kb-dock[data-flow]>.kb-dock-stack{max-width:100%;max-height:100%;flex:none}.kb-dock[data-flow]:is([data-dock=stage-top],[data-dock=stage-bottom])>.kb-dock-stack{justify-self:start;align-self:start}.kb-dock[data-flow][data-dock=stage-bottom]>.kb-dock-stack{align-self:end}.kb-dock[data-flow]:is([data-dock=stage-top],[data-dock=stage-bottom])>.kb-dock-stack[data-align=end]{justify-self:end}.kb-dock[data-flow]:is([data-dock=stage-left],[data-dock=stage-right])>.kb-dock-stack{align-self:start;justify-self:start}.kb-dock[data-flow][data-dock=stage-right]>.kb-dock-stack{justify-self:end}.kb-dock[data-flow]:is([data-dock=stage-left],[data-dock=stage-right])>.kb-dock-stack[data-align=end]{align-self:end}.kb-dock[data-dock=stage-bottom] :is(.kb-product-menu,.kb-layout-menu,.kb-scheme-menu){top:auto;bottom:calc(100% + 8px)}.kb-dock[data-dock=stage-right] .kb-product-menu,.kb-dock-stack[data-align=end] .kb-product-menu{left:auto;right:0}.kb-dock[data-flow][data-dock^=panel]>.kb-dock-stack{display:contents}.kb-dock[data-dock^=panel] .kb-dock-stack{align-items:stretch}.kb-dock[data-dock=panel-top]{grid-area:top}.kb-dock[data-dock=panel-bottom]{grid-area:bottom}.kb-dock[data-dock=panel-left]{grid-area:left;padding-left:var(--kb-gutter);border-right:1px solid var(--kb-line)}.kb-dock[data-dock=panel-right]{grid-area:right;padding-right:var(--kb-gutter);border-left:1px solid var(--kb-line)}.kb-dock:is([data-dock=panel-left],[data-dock=panel-right]){max-width:45%;padding-block:12px}.kb-dock-row[data-dir=column]>:is(.kb-tabs,.kb-stage-actions){flex-direction:column;overflow:hidden auto;max-height:100%}.kb-dock-row[data-dir=column]>.kb-tabs .kb-tab{flex:none!important;text-align:left;white-space:normal}.kb-dock-row[data-dir=column]>.kb-garments{border-radius:min(var(--kb-radius),20px)}.kb-dock-row[data-dir=column]>.kb-sections{padding:10px 8px}.kb-dock:is([data-dock$=-left],[data-dock$=-right]) .kb-dock-row[data-dir=column]{display:flex}.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:grid;grid-template:"top top top" auto "left main right" minmax(0,1fr) "bottom bottom bottom" auto / auto minmax(0,1fr) auto;min-height:0}.kb-controls>.kb-panel{grid-area:main;min-width: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{position:relative;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:calc(min(var(--kb-fit, 100vh),38vh,300px)*.64);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-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-panel-measure{position:absolute;top:0;left:0;right:0;height:auto;visibility:hidden;pointer-events:none;overflow:hidden}.kb-panel[data-fit] .kb-stack:has(>.kb-templates){max-width:1100px}.kb-panel[data-fit] .kb-templates{position:relative;display:flex;gap:10px;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:2px}.kb-panel[data-fit] .kb-templates::-webkit-scrollbar{display:none}.kb-panel[data-fit] .kb-panel-content:not(.kb-panel-measure){display:grid;grid-template-columns:fit-content(100%);grid-auto-rows:max-content;justify-content:center;align-content:start;align-content:safe center;row-gap:8px;padding-block:10px}.kb-panel[data-fit] .kb-panel-content>.kb-panel-finish{grid-column:1;grid-row:auto;justify-self:end;padding:0;position:sticky;bottom:0}.kb-panel[data-fit] .kb-template{flex:0 0 88px;scroll-snap-align:center}.kb-panel[data-fit] .kb-template-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kb-panel[data-fit] .kb-panel-content>.kb-panel-finish .kb-finish-button{padding-block:10px}@container (max-width: 599px){.kb-panel[data-fit] .kb-template{flex-basis:88px}}.kb-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kb-panel-end{display:flex;align-items:center;justify-content:flex-end;gap:8px}.kb-panel[data-rolling] .kb-panel-header{padding-top:8px}.kb-panel[data-rolling] .kb-panel-title{gap:2px}.kb-panel[data-rolling] .kb-panel-heading{flex:0 1 300px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px}.kb-panel[data-rolling] .kb-panel-heading>:is(.kb-title-row,.kb-panel-help){flex:0 0 100%}.kb-title-row>.kb-title-tabs{margin-inline:auto}.kb-panel[data-rolling] .kb-panel-help{order:1;justify-self:center}.kb-panel[data-rolling] .kb-panel-heading h2{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--kb-muted)}.kb-title-tabs{gap:2px;padding:4px calc(50% - 4em);scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.kb-title-tabs .kb-tab{scroll-snap-align:center;padding:4px 10px 6px;border:0;font-size:17px;font-weight:500;letter-spacing:.04em;transform:scale(.8);opacity:.55;transition:transform .4s var(--kb-ease),opacity .4s var(--kb-ease),color .3s var(--kb-ease)}.kb-title-tabs .kb-tab:hover{opacity:.85}.kb-title-tabs .kb-tab[aria-selected=true]{transform:none;opacity:1}.kb-title-tabs .kb-tab-indicator{background:transparent;border:0;border-radius:0}.kb-title-tabs .kb-tab-indicator:after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:2px;margin-left:-9px;border-radius:1px;background:var(--kb-text)}.kb-panel:has(>.kb-panel-finish){display:grid;grid-template-columns:minmax(0,1fr) auto}.kb-panel:has(>.kb-panel-finish)>.kb-panel-header{grid-column:1 / -1}.kb-panel:has(>.kb-panel-finish)>:is(.kb-panel-body,.kb-panel-measure){grid-column:1;grid-row:2;align-self:start}.kb-panel-finish{grid-column:2;grid-row:2;align-self:end;padding:0 var(--kb-gutter) 16px 0}.kb-panel-finish .kb-finish{padding:0}.kb-finish{flex:none;padding:8px var(--kb-gutter) 12px}.kb-finish-button{display:flex;align-items:center;justify-content:center;gap:6px;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 svg{width:16px;height:16px;margin-right:-4px;transition:transform .25s var(--kb-ease)}.kb-finish-button:hover svg{transform:translate(3px)}@container (min-width: 600px){.kb-finish-button{width:auto;min-width:150px;padding-inline:26px 22px}.kb-dock[data-dock^=panel] .kb-dock-row[data-row=finish]{display:flex}.kb-dock[data-dock^=panel] .kb-dock-stack[data-align=start]>[data-row=finish]{justify-content:flex-start}.kb-dock[data-dock^=panel] .kb-dock-stack[data-align=center]>[data-row=finish]{justify-content:center}.kb-dock[data-dock^=panel] .kb-dock-stack[data-align=end]>[data-row=finish]{justify-content:flex-end}}.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-brand{height:26px;max-width:140px}.kb-dock[data-dock=stage-top]{top:8px}.kb-dock[data-dock=stage-top] .kb-dock-stack[data-align=start]{gap:6px}.kb-dock[data-dock=stage-bottom]{bottom:calc(var(--kb-covered-bottom, 0px) + 10px)}.kb-stage-actions{gap:10px}.kb-product-kicker{display:none}.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:calc(min(var(--kb-fit, 100vh),32vh,260px)*.64)}}@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;font-size:12px}.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:var(--kb-card-top, 12px);bottom:var(--kb-card-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:var(--kb-card-right, 12px)}.kb-root[data-panel=sticky][data-sticky-side=left] .kb-controls{left:var(--kb-card-left, 12px)}.kb-root[data-panel=sticky] .kb-panel{background:transparent}}.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] .kb-dock-row:hover{outline:1px dashed rgb(59 130 246 / .7);outline-offset:3px;border-radius:6px}.kb-dock-row[data-dragging]{opacity:.35}[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-toolbar{position:absolute;top:0;left:0;display:flex;gap:4px;pointer-events:auto}.kb-arrange-toolbar[hidden]{display:none}.kb-arrange-toolbar>.kb-arrange-handle{position:static}.kb-arrange-flip{background:#1e293b}.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{position:relative;z-index:1;padding:3px 8px;border-radius:6px;background:#ffffffe6}.kb-arrange-zone[data-current=true]{border-style:dotted;opacity:.6}.kb-arrange-zone[data-anchor]:after{content:"";position:absolute;background:#3b82f6b3}.kb-arrange-zone[data-anchor=x]:after{top:4px;bottom:4px;left:50%;width:2px}.kb-arrange-zone[data-anchor=y]:after{left:4px;right:4px;top:50%;height:2px}.kb-arrange-zone[data-quiet]>span{display:none}.kb-arrange-zone[data-quiet][data-active=true]>span{display:block;white-space:nowrap;font-size:12px;font-weight:600}.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}