.kpk{--kpk-creme: #fdf6f0;--kpk-creme-2: #f7ece2;--kpk-white: #ffffff;--kpk-paper: #fffdfa;--kpk-ink: #4a4444;--kpk-ink-soft: rgba(74, 68, 68, .68);--kpk-ink-faint: rgba(74, 68, 68, .45);--kpk-line: rgba(74, 68, 68, .12);--kpk-line-2: rgba(74, 68, 68, .2);--kpk-rosa: #e7b0c4;--kpk-rosa-soft: rgba(231, 176, 196, .22);--kpk-salbei: #bed1c9;--kpk-flieder: #d9cfe8;--kpk-gold: #dfa83f;--kpk-rot: #c8434f;--kpk-radius: 18px;--kpk-shadow: 0 1px 2px rgba(74, 68, 68, .06), 0 8px 24px -12px rgba(74, 68, 68, .22);--kpk-shadow-lg: 0 2px 6px rgba(74, 68, 68, .05), 0 32px 64px -28px rgba(74, 68, 68, .38);--kpk-head: var(--font-heading-family, "Trirong"), Georgia, serif;--kpk-body: var(--font-body-family, "Quattrocento Sans"), system-ui, sans-serif;--kpk-ease: cubic-bezier(.2, .8, .2, 1);font-family:var(--kpk-body);color:var(--kpk-ink);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;position:relative;letter-spacing:normal}:where(.kpk) *,:where(.kpk) *:before,:where(.kpk) *:after{box-sizing:border-box}:where(.kpk) :where(button,input,textarea,output){font:inherit;color:inherit;letter-spacing:normal;text-transform:none;margin:0}:where(.kpk) :where(button){-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;box-shadow:none;min-height:0;min-width:0;text-align:inherit}:where(.kpk) :where(button):disabled{cursor:not-allowed}:where(.kpk) :focus-visible{outline:2px solid var(--kpk-ink);outline-offset:2px}.kpk [hidden]{display:none!important}:where(.kpk) :where(h1,h2,h3){margin:0;letter-spacing:normal}:where(.kpk) :where(p){margin:0}.kpk-loader{min-height:520px;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--kpk-ink-soft);font-size:15px}.kpk-dots{display:inline-flex;gap:5px;align-items:center}.kpk-dots i{width:7px;height:7px;border-radius:50%;background:var(--kpk-rot);display:block}.kpk-dots.is-pulse i{width:12px;height:12px;animation:kpk-pulse 1.1s var(--kpk-ease) infinite}.kpk-dots.is-pulse i+i{animation-delay:.18s}@keyframes kpk-pulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}.kpk-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(20px,3vw,44px);max-width:1320px;margin:0 auto;padding:clamp(12px,2vw,28px) clamp(12px,2.4vw,32px) 40px;align-items:start}.kpk-stage-col{position:sticky;top:24px}.kpk-stage{position:relative;aspect-ratio:1 / .94;max-height:calc(100vh - 48px);min-height:420px;border-radius:30px;background:radial-gradient(circle at 12% 8%,rgba(231,176,196,.28),transparent 42%),radial-gradient(circle at 92% 96%,rgba(190,209,201,.38),transparent 46%),var(--kpk-creme-2);box-shadow:var(--kpk-shadow-lg);overflow:hidden;isolation:isolate;outline:none;user-select:none;-webkit-user-select:none}.kpk-stage:focus-visible{box-shadow:var(--kpk-shadow-lg),0 0 0 3px var(--kpk-ink)}.kpk-paper{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:20px;background-color:var(--kpk-paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .29 0 0 0 0 .27 0 0 0 0 .27 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:0 1px 1px #4a44440a,0 14px 34px -18px #4a444459;transition:transform .18s var(--kpk-ease);touch-action:none}.kpk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.kpk-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default}.kpk.is-dragging-any .kpk-overlay,.kpk-stage.is-dragging .kpk-overlay{cursor:grabbing}.kpk-guide{position:absolute;display:block;left:0;top:0;background:var(--kpk-rot);opacity:0;transition:opacity .12s;pointer-events:none;z-index:2}.kpk-guide.is-on{opacity:1}.kpk-guide-v{width:1px;height:0;transform:translate(-.5px)}.kpk-guide-h{height:1px;width:0;transform:translateY(-.5px)}.kpk-guide-edge.kpk-guide-v{width:2px;transform:translate(-1px);background:repeating-linear-gradient(180deg,var(--kpk-rot) 0 6px,transparent 6px 10px)}.kpk-guide-edge.kpk-guide-h{height:2px;transform:translateY(-1px);background:repeating-linear-gradient(90deg,var(--kpk-rot) 0 6px,transparent 6px 10px)}.kpk-sel{position:absolute;left:0;top:0;border:1.5px dashed var(--kpk-ink);border-radius:6px;transform-origin:50% 50%;pointer-events:none;box-shadow:0 0 0 4px #ffffff80;animation:kpk-selin .18s var(--kpk-ease)}@keyframes kpk-selin{0%{opacity:0}}.kpk-h{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--kpk-white);border:2px solid var(--kpk-ink);pointer-events:auto;touch-action:none;box-shadow:0 2px 6px #4a444440}.kpk-h:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.kpk-h-nw{left:-8px;top:-8px;cursor:nwse-resize}.kpk-h-ne{right:-8px;top:-8px;cursor:nesw-resize}.kpk-h-se{right:-8px;bottom:-8px;cursor:nwse-resize}.kpk-h-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.kpk-h-rot{left:50%;top:-38px;width:26px;height:26px;margin-left:-13px;display:grid;place-items:center;background:var(--kpk-ink);color:var(--kpk-white);cursor:grab}.kpk-h-rot:before{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:12px;background:var(--kpk-ink);transform:translate(-50%)}.kpk-h-rot .kpk-ic svg{width:14px;height:14px}.kpk-sel.is-small .kpk-h-nw,.kpk-sel.is-small .kpk-h-sw,.kpk-sel-slot{display:none}.kpk-sel.is-slot{background:#e7b0c429;border-color:var(--kpk-rot)}.kpk-sel.is-slot .kpk-sel-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:2px;color:var(--kpk-ink);font-size:12px;font-weight:700;text-align:center;pointer-events:none}.kpk-sel.is-slot .kpk-sel-slot .kpk-ic svg{width:20px;height:20px}.kpk-sel.is-slot.is-small .kpk-sel-slot span:last-child{display:none}.kpk-ctxbar{position:absolute;left:0;top:0;display:flex;gap:2px;padding:4px;background:#4a4444eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;color:var(--kpk-white);box-shadow:0 10px 24px -10px #281e1e99;z-index:3;animation:kpk-pop .2s var(--kpk-ease)}@keyframes kpk-pop{0%{opacity:0;transform:translateY(4px) scale(.98)}}.kpk-ctx{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;font-size:13px;font-weight:700}.kpk-ctx:hover{background:#ffffff24}.kpk-ctx-del:hover{background:#c8434fe6}.kpk-device{position:absolute;left:4%;bottom:3.2%;width:17%;aspect-ratio:.5;z-index:2;pointer-events:none;mix-blend-mode:multiply;transition:width .5s var(--kpk-ease),height .5s var(--kpk-ease),left .5s var(--kpk-ease),bottom .5s var(--kpk-ease)}.kpk-device[data-model=p4911],.kpk-device[data-model=p4912],.kpk-device[data-model=p4913]{width:23%;aspect-ratio:.8}.kpk-device[data-model=p4913]{width:25%}.kpk-device-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;opacity:0;transition:opacity .45s var(--kpk-ease)}.kpk-device-img.is-on{opacity:1}.kpk-stage.is-wood .kpk-device{aspect-ratio:auto;mix-blend-mode:normal}.kpk-wood-engr{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none}.kpk-stage:not(.is-classic) .kpk-wood-engr{display:none}.kpk-stage-tools{position:absolute;top:30px;right:30px;z-index:4;display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:0 0 0 1px var(--kpk-line),0 8px 18px -12px #4a444480}.kpk-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:34px;padding:0 8px;border-radius:10px;font-size:13px;font-weight:700;color:var(--kpk-ink)}.kpk-tool:hover:not(:disabled){background:#4a444412}.kpk-tool:disabled{opacity:.3}.kpk-tool[aria-pressed=true]{background:var(--kpk-ink);color:var(--kpk-white)}.kpk-tool-sep{width:1px;height:20px;background:var(--kpk-line-2);margin:0 4px}.kpk-tool-toggle[aria-pressed=true]{background:var(--kpk-rosa-soft);color:var(--kpk-ink);box-shadow:inset 0 0 0 1px #e7b0c4e6}.kpk-tool-toggle[aria-pressed=false]{color:var(--kpk-ink-faint)}.kpk-stage.is-crowded .kpk-tool-txt span:last-child{display:none}.kpk-stage-badge{position:absolute;top:34px;left:36px;z-index:3;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--kpk-ink-soft);pointer-events:none}.kpk-stage-warn{position:absolute;top:74px;left:50%;transform:translate(-50%);z-index:3;padding:6px 12px 6px 30px;border-radius:999px;font-size:13px;font-weight:700;background:#fff3f0;color:#9b2f38;box-shadow:0 0 0 1px #c8434f40;white-space:nowrap;pointer-events:none;animation:kpk-pop .25s var(--kpk-ease)}.kpk-stage-warn:before{content:"!";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--kpk-rot);color:#fff;display:grid;place-items:center;font-size:11px}.kpk-stage-hint{position:absolute;left:36px;top:54px;z-index:3;font-size:12.5px;color:var(--kpk-ink-faint);transition:opacity .4s;pointer-events:none}.kpk-stage-hint.is-gone{opacity:0}.kpk-edit{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:flex-end;gap:6px;padding:5px 5px 5px 4px;border-radius:16px;background:var(--kpk-white);box-shadow:0 0 0 1.5px var(--kpk-ink),0 18px 34px -16px #281e1e99;animation:kpk-pop .18s var(--kpk-ease)}.kpk-edit-ta{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;box-shadow:none;padding:8px 10px;font-size:16px;line-height:1.3;color:var(--kpk-ink)}.kpk-edit-ta:focus-visible{outline:none}.kpk-edit-ta::placeholder{color:var(--kpk-ink-faint)}.kpk-edit-ok{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--kpk-ink);color:var(--kpk-white)}.kpk-edit-ok:hover{background:#2f2b2b}.kpk-stage.is-editing .kpk-stage-hint,.kpk-stage.is-preview .kpk-stage-hint{opacity:0}.kpk-side{min-width:0;display:flex;flex-direction:column}.kpk-head{padding:6px 2px 18px}.kpk-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kpk-ink-soft);margin-bottom:10px}.kpk-head .kpk-eyebrow{align-items:baseline;gap:7px}.kpk-mark{display:block;flex:none;width:21px;height:21px;overflow:visible}.kpk-mark-k{fill:var(--kpk-ink)}.kpk-mark-dot{fill:var(--kpk-rot)}.kpk-title{font-family:var(--kpk-head);font-weight:300;font-size:clamp(30px,3.2vw,44px);line-height:1.06;letter-spacing:-.01em}.kpk-lead{margin-top:10px;font-size:16.5px;color:var(--kpk-ink-soft);max-width:44ch}.kpk-rating{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--kpk-ink-soft)}.kpk-head-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:12px}.kpk-head-meta .kpk-rating{margin-top:0}.kpk-help{display:inline-flex;align-items:center;gap:6px;padding:6px 13px 6px 8px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--kpk-ink);background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line-2);transition:box-shadow .2s,transform .2s var(--kpk-ease)}.kpk-help:hover{box-shadow:0 0 0 1px var(--kpk-ink);transform:translateY(-1px)}.kpk-help .kpk-ic{color:var(--kpk-rot)}.kpk-stars{color:var(--kpk-gold);letter-spacing:2px;font-size:15px}.kpk-steps{display:flex;gap:3px;padding:5px;margin:0 -2px;background:#ffffffb3;border-radius:18px;box-shadow:inset 0 0 0 1px var(--kpk-line);overflow-x:auto;scrollbar-width:none;position:sticky;top:12px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpk-steps::-webkit-scrollbar{display:none}.kpk-step{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border-radius:13px;font-size:13.5px;font-weight:700;color:var(--kpk-ink-soft);transition:background .25s var(--kpk-ease),color .25s;white-space:nowrap}.kpk-step:hover{color:var(--kpk-ink);background:#4a44440d}.kpk-step-n{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#4a444414;transition:background .25s,color .25s}.kpk-step.is-done .kpk-step-n{background:var(--kpk-salbei);color:var(--kpk-ink)}.kpk-step.is-on{background:var(--kpk-ink);color:var(--kpk-white)}.kpk-step.is-on .kpk-step-n{background:var(--kpk-rosa);color:var(--kpk-ink)}.kpk-panels{padding:22px 2px 12px;min-height:420px}.kpk-panel.is-in{animation:kpk-panelin .38s var(--kpk-ease)}@keyframes kpk-panelin{0%{opacity:0;transform:translateY(8px)}}.kpk-h2{font-family:var(--kpk-head);font-weight:300;font-size:26px;line-height:1.15;margin-bottom:6px}.kpk-h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kpk-ink-soft);margin:22px 0 10px}.kpk-sub{color:var(--kpk-ink-soft);font-size:15px;margin-bottom:14px}.kpk-note{color:var(--kpk-ink-faint);font-size:13.5px;margin-top:12px}.kpk-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kpk-row-head .kpk-h3{margin-bottom:10px}.kpk-count{font-size:13px;color:var(--kpk-ink-faint);font-weight:700}.kpk-link{font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.kpk-check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--kpk-ink);color:var(--kpk-white);opacity:0;transform:scale(.6);transition:.25s var(--kpk-ease)}.kpk-check .kpk-ic svg{width:14px;height:14px;stroke-width:2.6}.is-on>.kpk-check{opacity:1;transform:none}.kpk-models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.kpk-model{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;padding:8px 6px 11px;border-radius:18px;text-align:center;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line),var(--kpk-shadow);transition:transform .25s var(--kpk-ease),box-shadow .25s}.kpk-model:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--kpk-line-2),0 14px 28px -16px #4a444473}.kpk-model.is-on{box-shadow:0 0 0 2px var(--kpk-rosa),0 14px 28px -16px #4a444473}.kpk-model .kpk-check{top:6px;right:6px;width:20px;height:20px}.kpk-model .kpk-check .kpk-ic svg{width:12px;height:12px}.kpk-model-media{width:100%;aspect-ratio:1;border-radius:12px;background:var(--kpk-creme);display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.kpk-model-media img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}.kpk-model-media img.kpk-model-render{width:88%;height:88%;mix-blend-mode:normal}.kpk-model-name{font-size:13.5px;font-weight:700;line-height:1.2}.kpk-model-size{font-size:11.5px;font-weight:700;color:var(--kpk-ink-faint);white-space:nowrap}.kpk-model-price{font-size:13px;font-weight:700;margin-top:3px;white-space:nowrap}.kpk-model-info{display:grid;gap:2px;margin-top:12px;padding:11px 14px;border-radius:14px;background:#fff9;box-shadow:inset 0 0 0 1px var(--kpk-line);font-size:14px;color:var(--kpk-ink-soft)}.kpk-model-info strong{color:var(--kpk-ink);font-size:14px}.kpk-colors{margin-top:4px}.kpk-colors .kpk-h3,.kpk-sizes .kpk-h3{margin-top:20px}.kpk-size-group{margin-top:10px;padding:10px 12px 12px;border-radius:16px;background:#ffffff80;box-shadow:inset 0 0 0 1px var(--kpk-line)}.kpk-size-group.is-on{background:var(--kpk-white);box-shadow:inset 0 0 0 1px var(--kpk-line-2)}.kpk-size-group-h{display:flex;align-items:center;gap:10px}.kpk-size-group-img{flex:none;width:46px;height:46px;border-radius:11px;background:var(--kpk-creme);display:grid;place-items:center;overflow:hidden}.kpk-size-group-img img{width:88%;height:88%;object-fit:contain;display:block}.kpk-size-group-t{display:grid;line-height:1.25;min-width:0}.kpk-size-group-t strong{font-size:14.5px}.kpk-size-group-t small{font-size:12.5px;color:var(--kpk-ink-soft)}.kpk-size-group>.kpk-size-list{margin-top:10px}.kpk-size-group>.kpk-size-row:nth-child(2){margin-top:10px}.kpk-size-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:6px 10px;margin-top:8px}.kpk-size-t{padding-top:11px;font-size:13px;font-weight:700;color:var(--kpk-ink-soft)}.kpk-size-list{display:flex;flex-wrap:wrap;gap:6px}.kpk-size{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;text-align:left;padding:6px 11px 6px 7px;border-radius:12px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line-2);transition:box-shadow .2s}.kpk-size:hover{box-shadow:0 0 0 1px var(--kpk-ink)}.kpk-size.is-on{box-shadow:0 0 0 2px var(--kpk-ink)}.kpk-size:disabled{opacity:.35}.kpk-size-ic{grid-row:1 / 3;width:22px;height:22px;display:grid;place-items:center}.kpk-size-ic:before{content:"";display:block;width:min(22px,calc(22px * var(--ar, 1)));aspect-ratio:var(--ar, 1);border-radius:3px;background:#e5bb7b;box-shadow:inset 0 0 0 1px #7a471859}.kpk-size-ic[data-shape=round]:before{border-radius:50%}.kpk-size-l{font-size:13.5px;font-weight:700;line-height:1.2;white-space:nowrap}.kpk-size-l small{margin-left:5px;font-size:11px;color:var(--kpk-ink-soft)}.kpk-size-p{font-size:12px;font-weight:700;line-height:1.2;color:var(--kpk-ink-faint);white-space:nowrap}.kpk-size.is-on .kpk-size-p{color:var(--kpk-ink-soft)}.kpk-shortcut{position:relative;display:flex;align-items:center;gap:14px;margin-top:22px;width:100%;text-align:left;padding:14px 14px 14px 16px;border-radius:var(--kpk-radius);cursor:pointer;background:linear-gradient(135deg,#d9cfe880,#bed1c966);box-shadow:inset 0 0 0 1.5px #4a444424;transition:box-shadow .2s,transform .2s var(--kpk-ease)}.kpk-shortcut:hover,.kpk-shortcut.is-over{box-shadow:inset 0 0 0 2px var(--kpk-ink);transform:translateY(-1px)}.kpk-shortcut-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--kpk-white);box-shadow:var(--kpk-shadow);flex:none}.kpk-shortcut-t{display:grid;gap:2px;font-size:13.5px;color:var(--kpk-ink-soft);flex:1;min-width:0}.kpk-shortcut-t strong{font-size:15px;color:var(--kpk-ink)}.kpk-shortcut-go{flex:none;padding:9px 14px;border-radius:12px;background:var(--kpk-ink);color:var(--kpk-white);font-size:13.5px;font-weight:700}.kpk-shortcut.is-top{margin:4px 0 16px}.kpk-shortcut.is-on{box-shadow:inset 0 0 0 2px var(--kpk-rosa)}.kpk-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.kpk-tpl{position:relative;display:grid;gap:8px;padding:8px 8px 12px;border-radius:var(--kpk-radius);background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line),var(--kpk-shadow);transition:transform .25s var(--kpk-ease),box-shadow .25s;text-align:center}.kpk-tpl:hover{transform:translateY(-1px)}.kpk-tpl.is-on{box-shadow:0 0 0 2px var(--kpk-rosa),var(--kpk-shadow)}.kpk-tpl-media{display:block;aspect-ratio:1;border-radius:12px;background:var(--kpk-paper);box-shadow:inset 0 0 0 1px var(--kpk-line);overflow:hidden}.kpk-tpl-media[data-shape=rect]{aspect-ratio:1.55}.kpk-tpls[data-shape=round]{grid-template-columns:repeat(3,minmax(0,1fr))}.kpk-tpl-cv{display:block;width:100%;height:100%}.kpk-tpl-l{font-size:14px;font-weight:700}.kpk-tpls[data-shape=square]{grid-template-columns:repeat(3,minmax(0,1fr))}.kpk-tpls[data-shape=rect]{grid-template-columns:repeat(2,minmax(0,1fr))}.kpk-drop{position:relative;display:flex;align-items:center;gap:14px;margin:14px 0 6px;width:100%;text-align:left;padding:16px 18px;border-radius:var(--kpk-radius);cursor:pointer;background:linear-gradient(135deg,#d9cfe873,#bed1c959);box-shadow:inset 0 0 0 1.5px #4a44442e;transition:box-shadow .2s,transform .2s var(--kpk-ease)}.kpk-drop:hover,.kpk-drop.is-over{box-shadow:inset 0 0 0 2px var(--kpk-ink);transform:translateY(-1px)}.kpk-file{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.kpk-drop-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--kpk-white);box-shadow:var(--kpk-shadow);flex:none}.kpk-drop-t{display:grid;font-size:14px;color:var(--kpk-ink-soft)}.kpk-drop-t strong{font-size:16px;color:var(--kpk-ink)}.kpk-up-area{display:grid;gap:0;margin:14px 0 6px}.kpk-up-area .kpk-drop{margin:0}.kpk-up-card{width:min(660px,100%)}.kpk-up-card .kpk-sub{margin:6px 44px 14px 0}.kpk-up-zone{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 18px;border-radius:var(--kpk-radius);cursor:pointer;background:linear-gradient(135deg,#d9cfe880,#bed1c96b);box-shadow:inset 0 0 0 1.5px #4a44442e;outline:2px dashed rgba(74,68,68,.28);outline-offset:-9px;transition:box-shadow .2s,transform .2s var(--kpk-ease)}.kpk-up-zone:hover,.kpk-up-zone.is-over{box-shadow:inset 0 0 0 2px var(--kpk-ink);transform:translateY(-1px)}.kpk-up-zone:focus-within{box-shadow:inset 0 0 0 2px var(--kpk-ink)}.kpk-up-zone.is-busy{opacity:.55;pointer-events:none}.kpk-up-zone-t{display:grid;font-size:14px;color:var(--kpk-ink-soft)}.kpk-up-zone-t strong{font-size:17px;color:var(--kpk-ink)}.kpk-up-card .kpk-up-tips{margin-top:14px}.kpk-up-tips{padding:12px 12px 10px;border-radius:var(--kpk-radius);background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line)}.kpk-up-tips-h{margin:0 0 9px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kpk-ink-faint)}.kpk-up-ex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kpk-up-ex-i{margin:0;display:grid;gap:6px;align-content:start}.kpk-up-ex-img{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--kpk-line)}.kpk-up-ex-img>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kpk-up-ex-badge{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 3px #281e1e40}.kpk-up-ex-badge .kpk-ic svg{width:12px;height:12px;stroke-width:3}.is-ok .kpk-up-ex-badge{background:var(--kpk-salbei);color:var(--kpk-ink)}.is-no .kpk-up-ex-badge{background:var(--kpk-rot);color:var(--kpk-white)}.kpk-up-ex-i figcaption{font-size:12px;line-height:1.25;color:var(--kpk-ink-soft);text-wrap:balance}.is-no figcaption{color:#7d2a32}.kpk-up-tips-note{margin:9px 0 0;font-size:12.5px;color:var(--kpk-ink-soft)}.kpk-slot-hint{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--kpk-ink-soft)}.kpk-slot-hint strong{color:var(--kpk-ink)}.kpk-slot-hint .kpk-ic{color:var(--kpk-rot);margin-top:1px}.kpk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kpk-search-wrap{position:relative;margin-bottom:12px}.kpk-search-wrap .kpk-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--kpk-ink-faint);pointer-events:none}.kpk-search{width:100%;height:44px;padding:0 14px 0 42px;border-radius:14px;border:0;background:var(--kpk-white);box-shadow:inset 0 0 0 1px var(--kpk-line-2);font-size:15px;outline:none;-webkit-appearance:none}.kpk-search:focus{box-shadow:inset 0 0 0 2px var(--kpk-ink)}.kpk-motifs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.kpk-motif{position:relative;aspect-ratio:1;border-radius:14px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line);display:grid;place-items:center;padding:12px;transition:transform .2s var(--kpk-ease),box-shadow .2s,background .2s}.kpk-motif svg{width:100%;height:100%;fill:var(--kpk-ink)}.kpk-motif:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px var(--kpk-line-2),0 10px 18px -12px #4a444473}.kpk-motif.is-on{background:var(--kpk-rosa-soft);box-shadow:0 0 0 2px var(--kpk-rosa)}.kpk-motif-n{position:absolute;right:6px;bottom:5px;font-size:10.5px;font-weight:700;color:var(--kpk-ink-faint)}.kpk-motif-none{color:var(--kpk-ink-faint)}.kpk-motif-none-ic{font-size:26px;line-height:1}.kpk-ctl-block{margin:12px 0 4px;padding:14px 16px 12px;border-radius:var(--kpk-radius);background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line),var(--kpk-shadow)}.kpk-ctl-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;font-size:15px}.kpk-ctl-group{margin-top:12px}.kpk-ctl-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.kpk-label{font-size:13.5px;font-weight:700;color:var(--kpk-ink-soft)}.kpk-val{font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.kpk-ctl-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.kpk-range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;--p: 50%}.kpk-range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--kpk-rosa) var(--p),rgba(74,68,68,.12) var(--p))}.kpk-range::-moz-range-track{height:6px;border-radius:99px;background:#4a44441f}.kpk-range::-moz-range-progress{height:6px;border-radius:99px;background:var(--kpk-rosa)}.kpk-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--kpk-white);border:2px solid var(--kpk-ink);box-shadow:0 2px 6px #4a44444d}.kpk-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--kpk-white);border:2px solid var(--kpk-ink)}.kpk-btn-s{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-size:13.5px;font-weight:700;background:var(--kpk-creme);box-shadow:inset 0 0 0 1px var(--kpk-line)}.kpk-btn-s:hover{box-shadow:inset 0 0 0 1px var(--kpk-ink)}.kpk-btn-s .kpk-ic svg{width:16px;height:16px}.kpk-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:#4a44440f}.kpk-seg-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--kpk-ink-soft);transition:background .2s,color .2s,box-shadow .2s}.kpk-seg-b.is-on{background:var(--kpk-white);color:var(--kpk-ink);box-shadow:0 1px 2px #4a44441f,0 4px 10px -6px #4a444459}.kpk-seg-b .kpk-ic svg{width:16px;height:16px}.kpk-chips{display:flex;flex-wrap:wrap;gap:8px}.kpk-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line-2);font-size:13.5px;font-weight:700;transition:box-shadow .2s,background .2s}.kpk-chip:hover{box-shadow:0 0 0 1px var(--kpk-ink)}.kpk-chip.is-on{background:var(--kpk-ink);color:var(--kpk-white);box-shadow:none}.kpk-frame-ic{width:20px;height:14px;border-radius:3px;border:1.8px solid currentColor}.kpk-frame-ic[data-style=keiner]{border-style:dotted;opacity:.35}.kpk-frame-ic[data-style=doppelt]{border-style:double;border-width:3.5px}.kpk-frame-ic[data-style=punkte]{border-style:dotted;border-width:2.2px}.kpk-frame-ic[data-style=strich]{border-style:dashed}.kpk-frame-ic[data-style=rund]{border-radius:7px}.kpk-frame-ic[data-style=kreis]{width:16px;height:16px;border-radius:50%}.kpk-texts{display:grid;gap:10px;margin-top:14px}.kpk-text-card{padding:10px 12px 12px;border-radius:var(--kpk-radius);background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line),var(--kpk-shadow);transition:box-shadow .2s}.kpk-text-card.is-on{box-shadow:0 0 0 2px var(--kpk-rosa),var(--kpk-shadow)}.kpk-text-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.kpk-text-n{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kpk-ink-faint)}.kpk-icon-btn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--kpk-ink-faint)}.kpk-icon-btn:hover{background:#c8434f1a;color:var(--kpk-rot)}.kpk-textarea{width:100%;resize:none;border:0;outline:none;background:transparent;font-size:18px;line-height:1.35;padding:4px 2px;min-height:34px}.kpk-textarea::placeholder{color:var(--kpk-ink-faint)}.kpk-add{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:14px;font-size:14.5px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--kpk-line-2)}.kpk-add:hover{box-shadow:inset 0 0 0 1.5px var(--kpk-ink)}.kpk-text-ctl{margin-top:6px}.kpk-fonts{display:grid;gap:4px}.kpk-font-group{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kpk-ink-faint);margin:10px 0 6px}.kpk-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpk-font{position:relative;display:grid;gap:4px;padding:12px 12px 10px;border-radius:14px;text-align:left;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line);transition:box-shadow .2s,transform .2s var(--kpk-ease),background .2s;min-width:0}.kpk-font:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--kpk-line-2),0 10px 18px -12px #4a444473}.kpk-font.is-on{background:var(--kpk-rosa-soft);box-shadow:0 0 0 2px var(--kpk-rosa)}.kpk-font-sample{font-size:21px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kpk-ink);min-height:1.3em}.kpk-font-l{font-size:12px;font-weight:700;color:var(--kpk-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpk-color-hero{margin:14px 0 4px;height:190px;border-radius:22px;background:radial-gradient(circle at 50% 70%,#fff,var(--kpk-creme) 70%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--kpk-line);overflow:hidden}.kpk-color-hero img{height:168px;width:auto;max-width:90%;object-fit:contain;mix-blend-mode:multiply;animation:kpk-panelin .45s var(--kpk-ease)}.kpk-swatches{display:flex;flex-wrap:wrap;gap:14px 10px}.kpk-swatch{display:grid;justify-items:center;gap:6px;width:62px;font-size:12.5px;font-weight:700;color:var(--kpk-ink-soft);text-align:center}.kpk-swatch-dot{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px #4a444424,inset 0 -6px 12px #4a444414,0 0 0 4px var(--kpk-creme);transition:box-shadow .25s var(--kpk-ease),transform .25s var(--kpk-ease)}.kpk-swatch:hover .kpk-swatch-dot{transform:scale(1.05)}.kpk-swatch.is-on .kpk-swatch-dot{box-shadow:inset 0 0 0 1px #4a444424,0 0 0 4px var(--kpk-white),0 0 0 6px var(--kpk-ink)}.kpk-swatch.is-on{color:var(--kpk-ink)}.kpk-swatch:disabled{opacity:.35}.kpk-inks{display:flex;flex-wrap:wrap;gap:8px}.kpk-ink{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line-2);font-size:14px;font-weight:700;transition:box-shadow .2s}.kpk-ink:hover{box-shadow:0 0 0 1px var(--kpk-ink)}.kpk-ink.is-on{box-shadow:0 0 0 2px var(--kpk-ink)}.kpk-ink:disabled{opacity:.35}.kpk-pad{position:relative;flex:none;width:34px;height:24px;border-radius:6px;background:linear-gradient(180deg,#6a6366,#3a3537 60%,#2c282a);box-shadow:inset 0 1px #ffffff47,0 2px 3px -1px #281e1e73}.kpk-pad-felt{position:absolute;top:3px;right:3px;bottom:4px;left:3px;border-radius:3px;overflow:hidden;background:var(--c, #1e1c20);box-shadow:inset 0 1px 2px #00000073}.kpk-pad-felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 28% 18%,#ffffff57,#fff0 58%),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px)}.kpk-pad.is-metal .kpk-pad-felt:after{background:linear-gradient(115deg,#fff0 22%,#ffffff80,#fff0 70%),radial-gradient(120% 90% at 28% 18%,#ffffff4d,#fff0 58%)}.kpk-pad.is-none{background:transparent;box-shadow:inset 0 0 0 1.5px #4a44444d}.kpk-pad.is-none:after{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:1.5px;background:#4a444459;transform:rotate(56deg)}.kpk-legal{margin-top:8px;font-size:12.5px;color:var(--kpk-ink-faint)}.kpk-legal a{color:var(--kpk-ink-soft);font-weight:700;text-decoration:underline;text-underline-offset:3px}.kpk-design-ok{margin:4px 0 6px}.kpk-sum{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;margin-top:14px;padding:12px;border-radius:22px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line),var(--kpk-shadow)}.kpk-sum-media{width:150px;aspect-ratio:1;border-radius:14px;background:var(--kpk-paper);box-shadow:inset 0 0 0 1px var(--kpk-line);overflow:hidden}.kpk-sum-cv{display:block}.kpk-sum-list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}.kpk-sum-list dt{color:var(--kpk-ink-faint);font-weight:700}.kpk-sum-list dd{margin:0;word-break:break-word}.kpk-sum-list small{display:block;color:var(--kpk-ink-faint);font-size:12.5px}.kpk-check-list{display:grid;gap:8px;margin-top:14px}.kpk-ok,.kpk-warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;font-size:14px}.kpk-ok{background:#bed1c973}.kpk-ok .kpk-ic{color:#2f6b55}.kpk-warn{background:#fff3ef;color:#7d2a32}.kpk-warn.is-stop{background:#ffe9ea}.kpk-warn-ic{flex:none;width:20px;height:20px;border-radius:50%;background:var(--kpk-rot);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.kpk-qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.kpk-qty{display:inline-flex;align-items:center;border-radius:14px;box-shadow:inset 0 0 0 1px var(--kpk-line-2);background:var(--kpk-white)}.kpk-qty button{width:42px;height:42px;font-size:20px;display:grid;place-items:center}.kpk-qty output{min-width:34px;text-align:center;font-weight:700}.kpk-confirm{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;border-radius:16px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line);cursor:pointer;font-size:14.5px}.kpk-confirm input{width:22px;height:22px;flex:none;accent-color:var(--kpk-ink);margin-top:1px}.kpk-promise{display:grid;gap:8px;margin-top:16px;font-size:13.5px;color:var(--kpk-ink-soft)}.kpk-promise>div{display:flex;gap:10px;align-items:flex-start}.kpk-promise .kpk-ic{color:var(--kpk-rot)}.kpk-buy{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:14px 16px;border-radius:22px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 0 0 1px var(--kpk-line),0 -8px 30px -18px #4a444459}.kpk-buy-info{display:grid;gap:2px;min-width:0}.kpk-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kpk-price-v{font-family:var(--kpk-head);font-size:28px;line-height:1;font-weight:400}.kpk-price small{font-size:12px;color:var(--kpk-ink-faint)}.kpk-deliv{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--kpk-ink-soft)}.kpk-deliv .kpk-ic svg{width:16px;height:16px}.kpk-buy-actions{display:flex;gap:8px;align-items:center;flex:none}.kpk-back{width:46px;height:50px;border-radius:16px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--kpk-line-2)}.kpk-back .kpk-ic svg{width:22px;height:22px;stroke-width:2}.kpk-back:hover{box-shadow:inset 0 0 0 1.5px var(--kpk-ink)}.kpk-cta{min-height:50px;padding:0 22px;border-radius:16px;background:var(--kpk-rosa);color:var(--kpk-ink);font-size:16px;font-weight:700;white-space:nowrap;box-shadow:inset 0 -2px #4a44441f,0 10px 22px -14px #c8648ce6;transition:transform .2s var(--kpk-ease),box-shadow .2s,background .2s}.kpk-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 -2px #4a44441f,0 14px 26px -14px #c8648c}.kpk-cta:active:not(:disabled){transform:translateY(1px)}.kpk-cta.is-final{background:var(--kpk-ink);color:var(--kpk-white);box-shadow:0 12px 24px -14px #281e1ee6}.kpk-cta:disabled{opacity:.45}.kpk-cta.is-busy{opacity:.8}.kpk-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:#4a444461;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s}.kpk-modal.is-in{opacity:1}.kpk-modal.is-out{opacity:0}.kpk-modal-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px;border-radius:26px;background:var(--kpk-creme);box-shadow:0 40px 80px -30px #281e1e99;transform:translateY(10px) scale(.985);transition:transform .3s var(--kpk-ease)}.kpk-modal.is-in .kpk-modal-card{transform:none}.kpk-modal-wide{width:min(980px,100%)}.kpk-modal-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.kpk-modal-x:hover{background:#4a444414}.kpk-up-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:16px}.kpk-up-media{aspect-ratio:1;border-radius:18px;background:var(--kpk-paper);box-shadow:inset 0 0 0 1px var(--kpk-line);overflow:hidden}.kpk-up-cv{display:block}.kpk-up-info{margin-top:14px;font-size:14px;color:var(--kpk-ink-soft)}.kpk-up-info.is-warn{color:#9b2f38}.kpk-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;font-size:14px;font-weight:700;background:var(--kpk-white);box-shadow:inset 0 0 0 1px var(--kpk-line)}.kpk-toggle-k{position:relative;width:36px;height:22px;border-radius:99px;background:#4a444433;transition:background .2s}.kpk-toggle-k:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .25s var(--kpk-ease)}.kpk-toggle.is-on .kpk-toggle-k{background:var(--kpk-ink)}.kpk-toggle.is-on .kpk-toggle-k:after{transform:translate(14px)}.kpk-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.kpk-btn-ghost{min-height:50px;padding:0 20px;border-radius:16px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--kpk-line-2)}.kpk-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--kpk-ink)}.kpk-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.kpk-demo-grid figure{margin:0;padding:10px;border-radius:18px;background:var(--kpk-white);box-shadow:0 0 0 1px var(--kpk-line)}.kpk-demo-grid img{width:100%;height:auto;display:block;border-radius:10px;background:#fff}.kpk-demo-grid img.is-prod{box-shadow:inset 0 0 0 1px var(--kpk-line);padding:10px}.kpk-demo-grid figcaption{margin-top:8px;font-size:13px;color:var(--kpk-ink-soft)}.kpk-demo-grid a{font-weight:700;color:var(--kpk-ink)}.kpk-demo-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--kpk-white);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--kpk-line)}.kpk-demo-table th,.kpk-demo-table td{text-align:left;padding:9px 14px;border-top:1px solid var(--kpk-line);vertical-align:top}.kpk-demo-table tr:first-child th,.kpk-demo-table tr:first-child td{border-top:0}.kpk-demo-table th{width:30%;color:var(--kpk-ink-soft);font-weight:700;white-space:nowrap}.kpk-demo-table td{word-break:break-word}.kpk-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:2147483001;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:16px;background:var(--kpk-ink);color:#fff;font-size:14.5px;box-shadow:0 18px 40px -16px #281e1eb3;opacity:0;transition:.3s var(--kpk-ease)}.kpk-toast.is-in{opacity:1;transform:translate(-50%)}.kpk-toast button{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;color:var(--kpk-rosa)}.kpk-ic{display:inline-grid;place-items:center;flex:none}shopify-chat{bottom:var(--kpk-chat-lift, 0px)!important;transition:bottom .25s ease}.kpk-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483100;pointer-events:none;opacity:0;transition:opacity .25s}.kpk-tour.is-in{opacity:1}.kpk-tour-block{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#281e1e00;transition:background .3s}.kpk-tour.is-free .kpk-tour-block{background:#221a1a9e}.kpk-tour-spot{display:block;position:fixed;pointer-events:none;border-radius:16px;box-shadow:0 0 0 3px var(--kpk-white),0 0 0 6px var(--kpk-rosa),0 0 0 200vmax #221a1a9e;transition:left .35s var(--kpk-ease),top .35s var(--kpk-ease),width .35s var(--kpk-ease),height .35s var(--kpk-ease),border-radius .35s,opacity .25s}.kpk-tour.is-free .kpk-tour-spot{opacity:0!important}.kpk-tour-spot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;box-shadow:0 0 #e7b0c4e6;opacity:0}.kpk-tour-spot.is-jump:after{animation:kpk-spotping .9s var(--kpk-ease) .3s 1}@keyframes kpk-spotping{0%{opacity:1;box-shadow:0 0 #e7b0c4e6}to{opacity:0;box-shadow:0 0 0 14px #e7b0c400}}.kpk-tour-tip{position:fixed;pointer-events:auto;padding:16px 18px;border-radius:20px;background:var(--kpk-creme);color:var(--kpk-ink);box-shadow:0 30px 60px -24px #281e1ea6,0 0 0 1px #4a444414;transition:left .35s var(--kpk-ease),top .35s var(--kpk-ease)}.kpk-tour-tip.is-in{animation:kpk-tipin .32s var(--kpk-ease)}@keyframes kpk-tipin{0%{opacity:0;transform:translateY(6px) scale(.98)}}.kpk-tour-tip:before{content:"";position:absolute;width:14px;height:14px;background:var(--kpk-creme);transform:rotate(45deg)}.kpk-tour-tip[data-side=below]:before{top:-7px;left:calc(var(--ax, 50%) - 7px)}.kpk-tour-tip[data-side=above]:before{bottom:-7px;left:calc(var(--ax, 50%) - 7px)}.kpk-tour-tip[data-side=right]:before{left:-7px;top:calc(var(--ay, 50%) - 7px)}.kpk-tour-tip[data-side=left]:before{right:-7px;top:calc(var(--ay, 50%) - 7px)}.kpk-tour-tip[data-side=none]:before,.kpk-tour-tip[data-side=over]:before{display:none}.kpk-tour-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.kpk-tour-count{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kpk-ink-faint)}.kpk-tour-x{width:30px;height:30px;margin-right:-6px;border-radius:10px;display:grid;place-items:center;color:var(--kpk-ink-soft)}.kpk-tour-x:hover{background:#4a44440f}.kpk-tour-title{font-family:var(--kpk-head);font-weight:300;font-size:23px;line-height:1.15;margin-bottom:6px;text-wrap:balance}.kpk-tour-text{font-size:15px;line-height:1.45;color:var(--kpk-ink-soft)}.kpk-tour-dots{display:flex;gap:5px;margin-top:14px}.kpk-tour-dots i{width:6px;height:6px;border-radius:3px;background:#4a444429;transition:width .25s var(--kpk-ease),background .25s}.kpk-tour-dots i.is-done{background:var(--kpk-salbei)}.kpk-tour-dots i.is-on{width:18px;background:var(--kpk-rosa)}.kpk-tour-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.kpk-tour-spacer{flex:1}.kpk-tour-link{font-size:14px;font-weight:700;color:var(--kpk-ink-soft);text-decoration:underline;text-underline-offset:3px}.kpk-tour-back{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--kpk-line-2)}.kpk-tour-back:hover{box-shadow:inset 0 0 0 1.5px var(--kpk-ink)}.kpk-tour .kpk-cta{min-height:44px;padding:0 20px;font-size:15px}.kpk-tour .kpk-btn-ghost{min-height:44px}.kpk-tour-actions .kpk-tour-skip{margin-right:auto}@media(max-width:980px){.kpk-grid{grid-template-columns:1fr;gap:0;padding:0 16px calc(118px + env(safe-area-inset-bottom,0px))}.kpk-stage-col{position:sticky;top:env(safe-area-inset-top,0px);z-index:2;padding-top:10px;margin:0 -6px;background:linear-gradient(var(--kpk-page-bg, #fdf6f0) 70%,rgba(253,246,240,0))}.kpk-stage{aspect-ratio:auto;height:min(44svh,92vw);min-height:280px;max-height:none;border-radius:24px}.kpk-paper{top:10px;right:10px;bottom:12px;left:10px;border-radius:16px}.kpk-stage-tools{top:18px;right:18px}.kpk-tool{height:32px;min-width:32px}.kpk-tool-txt span:last-child{display:none}.kpk-stage-badge{top:22px;left:22px;font-size:11.5px}.kpk-stage-warn{top:56px;font-size:12px}.kpk-stage-hint{display:none}.kpk-device{bottom:16px;left:14px}.kpk-side{padding:0}.kpk-head{padding-top:18px}.kpk-steps{top:calc(env(safe-area-inset-top,0px) + min(44svh,92vw) + 16px)}.kpk-title{font-size:27px}.kpk-head{padding-bottom:12px}.kpk-buy{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:20px;padding:10px 10px 10px 16px}.kpk-price-v{font-size:24px}.kpk-price small{display:none}.kpk-cta{padding:0 16px;font-size:15px}.kpk-up-grid,.kpk-demo-grid{grid-template-columns:1fr}}@media(max-width:600px){.kpk-lead{display:none}.kpk-eyebrow{margin-bottom:6px}.kpk-models{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:none}.kpk-models::-webkit-scrollbar{display:none}.kpk-model{flex:0 0 104px;scroll-snap-align:start}.kpk-shortcut{display:grid;grid-template-columns:44px 1fr;align-items:start}.kpk-shortcut-go{grid-column:2;justify-self:start}.kpk-tpls[data-shape=square],.kpk-tpls[data-shape=round]{grid-template-columns:repeat(2,minmax(0,1fr))}.kpk-size-row{grid-template-columns:1fr;gap:6px;margin-top:10px}.kpk-size-t{padding-top:0}.kpk-stage-badge{top:auto;bottom:24px;left:50%;transform:translate(-50%);white-space:nowrap}.kpk-badge-ink{display:none}.kpk-up-ex{gap:6px}.kpk-up-ex-i figcaption{font-size:11px}.kpk-up-ex-badge{width:18px;height:18px;top:4px;right:4px}}@media(max-width:420px){.kpk-font-grid{grid-template-columns:1fr 1fr}.kpk-font-sample{font-size:18px}.kpk-sum{grid-template-columns:1fr}.kpk-sum-media{width:100%}.kpk-step-l{font-size:13px}.kpk-deliv{display:none}}@media(prefers-reduced-motion:reduce){.kpk *,.kpk *:before,.kpk *:after{animation-duration:1ms!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/kp-konfigurator.css.map */