.kc{display:grid;align-items:start;gap:24px}@media(min-width:900px){.kc{grid-template-columns:1.2fr 1fr;align-items:start}.kc-preview-column{position:sticky;top:94px}}.kc>*{min-width:0}.kc-progress{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 8px;padding:0;list-style:none;border-block:1px solid var(--color-line)}.kc-progress li{position:relative}.kc-progress li:not(:last-child):after{content:"";position:absolute;top:50%;right:-3px;width:6px;height:6px;background:var(--color-line);transform:translateY(-50%);z-index:1}.kc-progress button,.kc-progress li>span{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:var(--color-ink-soft);font-family:var(--font-sans);font-size:13px}.kc-progress button{cursor:pointer}.kc-progress button:disabled{cursor:default;opacity:.52}.kc-progress button>span,.kc-progress li>span>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.kc-progress .is-active button,.kc-progress .is-active>span{color:var(--color-ink);background:color-mix(in srgb,var(--color-ember) 10%,transparent);font-weight:620}.kc-progress .is-complete button{color:var(--color-ember-text)}.kc-progress .is-active:after,.kc-progress .is-complete:after{background:var(--color-ember)}.kc-preview-column{min-width:0}.kc-preview{width:100%;aspect-ratio:4 / 3;max-height:480px;background:var(--color-paper-2);border:1px solid var(--color-line);touch-action:none}.kc-preview canvas{display:block}.kc-live-summary{padding:18px 20px 20px;border:1px solid var(--color-line);border-top:0;background-color:color-mix(in srgb,var(--color-paper) 90%,transparent);background-image:var(--technical-grid);background-size:48px 48px}.kc-live-summary__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px}.kc-live-summary__head .kc-field-label{margin:0}.kc-live-summary__head strong{font-family:var(--font-mono);font-size:22px;letter-spacing:-.03em}.kc-live-summary dl{margin:0;display:grid;gap:7px}.kc-live-summary dl>div{display:grid;grid-template-columns:72px 1fr;gap:12px;font-size:12px;line-height:1.45}.kc-live-summary dt{color:var(--color-ink-soft)}.kc-live-summary dd{margin:0;text-align:right;font-weight:560}.kc-panel{display:flex;flex-direction:column;gap:20px}.kc-stage-panel{scroll-margin-top:96px}.kc-stage-panel:focus{outline:none}.kc-panel-heading{padding-bottom:22px;border-bottom:1px solid var(--color-line)}.kc-panel-heading h2,.kc-stage-head h2,.kc-complete h2{margin:0;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.02;letter-spacing:-.04em}.kc-panel-heading p,.kc-stage-head p,.kc-complete>p:not(.kc-status){margin:12px 0 0;color:var(--color-ink-soft);font-size:14px;line-height:1.6}.kc-control-group{min-width:0;display:grid;gap:18px;padding:22px;border:1px solid var(--color-line);background:color-mix(in srgb,var(--color-paper) 88%,transparent)}.kc-control-group>*{min-width:0}.kc-control-group h3{display:flex;align-items:center;gap:10px;margin:0 0 2px;padding-bottom:14px;border-bottom:1px solid var(--color-line-2);font-size:18px;font-weight:620;letter-spacing:-.02em}.kc-control-group h3 span{color:var(--color-ember-text);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.kc-field-label{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:8px}.kc-options{display:flex;gap:8px;flex-wrap:wrap}.kc-opt{border:1px solid var(--color-line);background:var(--color-paper);padding:8px 12px;cursor:pointer;font-size:13px}.kc-opt[aria-pressed=true]{border-color:var(--color-ember-text);box-shadow:inset 0 0 0 1px var(--color-ember-text)}.kc-qty .kc-opt{font-variant-numeric:tabular-nums}.kc-slots{display:flex;flex-wrap:wrap;gap:6px}.kc-slot-tab{border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:6px;padding:4px 10px;font:inherit;cursor:pointer}.kc-slot-tab[aria-selected=true]{outline:2px solid var(--color-ember);outline-offset:1px}.kc-slot-tab--bad{box-shadow:inset 0 0 0 2px #d33}.kc-slot-no{opacity:.6;margin-right:4px}.kc-apply-all{margin-top:6px}.kc-opt--shape svg{display:block;width:64px;height:32px}.kc-opt--color{width:34px;height:34px;padding:0;border-radius:50%}.kc-opt--color[aria-pressed=true]{outline:2px solid var(--color-ember-text);outline-offset:2px}.kc-opt--symbol{min-width:44px;min-height:52px;display:grid;place-items:center}.kc-symbol-svg{height:22px;width:auto;display:block}.kc-symbol-cost{display:block;font-size:.7rem;opacity:.7}.kc-presets{width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.kc-preset{border:1px solid var(--color-line);background:var(--color-paper);padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;flex:0 0 auto}.kc-preset-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;border:1px solid var(--color-line);font-size:14px}.kc-preset-chip .kc-symbol-svg{height:13px}.kc-preset-note{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-soft)}.kc-text-input{width:100%;padding:12px;border:1px solid var(--color-line);background:var(--color-paper);font-size:16px}.kc-meter{display:grid;gap:4px;margin-top:6px;min-height:26px}.kc-meter-track{height:6px;border-radius:3px;background:color-mix(in srgb,currentColor 15%,transparent);overflow:hidden}.kc-meter-fill{display:block;height:100%;background:#4caf50;transition:width .15s ease}.kc-meter--tight .kc-meter-fill{background:var(--color-ember)}.kc-meter--over .kc-meter-fill{background:var(--color-ember-text)}.kc-meter-note{font-size:.78rem;opacity:.8}.kc-meter--over .kc-meter-note{opacity:1;color:var(--color-ember-text)}.kc-error{border-left:3px solid var(--color-ember-text);background:var(--color-paper-2);padding:10px 14px;font-size:13px;color:var(--color-ember-text)}.kc-design-actions{display:grid;gap:12px;padding-top:4px}.kc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;border-top:1px solid var(--color-line);padding-top:18px}.kc-price strong{font-size:28px;font-family:var(--font-mono)}.kc-price span{font-size:12px;color:var(--color-ink-soft)}.kc-next,.kc-mobile-next{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--color-ember);background:var(--color-ember);color:var(--color-ink);padding:15px 18px;font:620 14px/1.2 var(--font-sans);cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.kc-next:disabled,.kc-mobile-next:disabled{opacity:.45;cursor:not-allowed}.kc-next:hover:not(:disabled),.kc-mobile-next:hover:not(:disabled){background:#e6a900;border-color:#e6a900}.kc-added{display:grid;gap:10px;border:1px solid var(--color-ember);border-left-width:3px;background:var(--color-paper-2);padding:14px 16px;font-size:14px}.kc-added__msg{margin:0;font-weight:620}.kc-added__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.kc-added__link{font:620 13px/1.2 var(--font-sans);color:var(--color-ink);border-bottom:1px solid var(--color-ink);text-decoration:none}.kc-added__more{min-height:40px}.kc-added--limit{border-color:var(--color-ember-text);color:var(--color-ember-text)}.kc-added__volatile{margin:0;font-size:13px;color:var(--color-ember-text)}.kc-mobile-next--added{text-decoration:none;justify-content:center}.kc-loading,.kc-fallback{padding:40px 20px;text-align:center;border:1px dashed var(--color-line);font-size:14px;color:var(--color-ink-soft);min-height:100%;display:grid;place-items:center;align-content:center}.kc-order-stage,.kc-complete{padding:clamp(24px,3.5vw,38px);border:1px solid var(--color-line);background:color-mix(in srgb,var(--color-paper) 90%,transparent)}.kc-stage-head{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--color-line)}.kc-back{margin-top:18px;padding:0 0 3px;border:0;border-bottom:1px solid var(--color-ink);background:transparent;color:var(--color-ink);font:620 13px/1.3 var(--font-sans);cursor:pointer}.kc-order{display:flex;flex-direction:column;gap:10px}.kc-summary ol{margin:4px 0 0;padding-left:1.4em;display:grid;gap:6px}.kc-summary li{display:grid;gap:2px;font-size:.85rem}.kc-summary-text{font-size:1rem}.kc-summary-total{margin:8px 0 0;font-weight:600}.kc-rights{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.kc-rights input{margin-top:3px;flex-shrink:0}.kc-checkstop{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:10px}.kc-delivery{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.kc-delivery legend{padding:0;margin-bottom:2px}.kc-order-total{margin:2px 0 0}.kc-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.kc-submit{background:var(--color-ember-text);border:1px solid var(--color-ember-text);color:var(--color-paper);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:15px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.kc-submit:disabled{opacity:.5;cursor:not-allowed}.kc-submit:hover:not(:disabled){background:#745500;border-color:#745500}.kc-status{padding:12px 14px;border:1px solid var(--color-line);background:var(--color-paper-2);font-size:14px}.kc-status--ok{border-left:3px solid var(--color-ember)}.kc-status--error{border-left:3px solid var(--color-ember-text);color:var(--color-ember-text)}.kc-note{font-size:11px;color:var(--color-ink-soft);line-height:1.5}.kc-share{display:flex;flex-direction:column;gap:8px}.kc-design-actions .kc-share .kc-opt{min-height:44px;background:transparent}.kc-complete{min-height:420px;display:flex;flex-direction:column;justify-content:center}.kc-complete .kc-status{margin:24px 0 0}.kc-complete .kc-back{align-self:flex-start}.kc-mobile-action{display:none}.kc-slot:has(.kc-order-stage),.kc-slot:has(.kc-complete){min-height:0}@media(max-width:899px){.kc{padding-bottom:82px}.kc-progress button,.kc-progress li>span{min-height:50px;gap:5px;font-size:11px}.kc-progress button>span,.kc-progress li>span>span{font-size:9px}.kc-presets{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;scroll-snap-type:x proximity}.kc-preset{scroll-snap-align:start}.kc-control-group{padding:20px 16px}.kc-mobile-action{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid var(--color-line);background:color-mix(in srgb,var(--color-paper) 96%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .15s ease}.kc-mobile-action.is-hidden{transform:translateY(110%);pointer-events:none}.kc-mobile-action>span{display:grid}.kc-mobile-action small{color:var(--color-ink-soft);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.kc-mobile-action strong{font-family:var(--font-mono);font-size:18px}.kc-mobile-next{min-width:152px;padding-block:13px}.kc{display:block}.kc>*+*{margin-top:24px}.kc-preview-column.is-pinned{position:sticky;top:76px;z-index:30;background:var(--color-paper)}.kc-preview{aspect-ratio:auto;height:176px;touch-action:pan-y;transition:height .15s ease}.is-pinned.is-typing .kc-preview{height:112px}.is-pinned.is-typing .kc-live-summary__head{display:none}.is-pinned .kc-live-summary{padding:6px 12px}.is-pinned .kc-live-summary__head{margin-bottom:4px}.is-pinned .kc-live-summary__head strong{font-size:16px}.is-pinned .kc-live-summary dl{display:flex;gap:12px}.is-pinned .kc-live-summary dl>div{display:block;font-size:12px}.is-pinned .kc-live-summary dt{display:none}.is-pinned .kc-live-summary dl>div:nth-child(2),.is-pinned .kc-live-summary dl>div:nth-child(3){display:none}.kc-stage-panel,#kc-text,.kc-control-group{scroll-margin-top:330px}.kc-options--fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kc-opt--font{font-size:12px;padding:10px 8px;text-align:center}.kc-opt--color{width:44px;height:44px}.kc-presets-wrap{position:relative}.kc-presets-wrap:after{content:"";position:absolute;top:0;right:0;bottom:10px;width:32px;background:linear-gradient(to right,transparent,var(--color-paper));pointer-events:none}.kc-design-actions .kc-price,.kc-design-actions .kc-next{display:none}}.kc-download{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-line)}.kc-download h3{margin-bottom:6px}.kc-download__lead{margin-bottom:12px;color:var(--color-ink-soft)}.kc-download__parts{margin-top:10px}.kc-download__parts summary{cursor:pointer;color:var(--color-ink-soft)}.kc-download__part-buttons{display:flex;gap:10px;margin-top:10px}.kc-download__hint,.kc-download__license{margin-top:10px;font-size:.9em;color:var(--color-ink-soft)}