.kbg{--prune:#2B2340;--framboise:#C2185B;--blush:#FFF6F8;--muted:#5E5470;--line:#F3DCE5;color:var(--prune);font-family:Nunito,system-ui,sans-serif;background:var(--blush)}.kbg *{box-sizing:border-box}.kbg .kbg-head{max-width:1200px;margin:0 auto;padding:24px 20px 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}.kbg .kbg-head h1{margin:0;font-family:Fredoka,sans-serif;font-weight:700;font-size:30px;color:var(--prune)}.kbg .kbg-head h1 span{color:var(--framboise)}.kbg .kbg-head p{margin:0;color:var(--muted);font-size:16px}.kbg .kbg-main{max-width:1200px;margin:0 auto;padding:12px 20px 48px;display:flex;flex-wrap:wrap-reverse;gap:24px;align-items:flex-start}.kbg .panel{background:#fff;border-radius:24px;padding:20px;border:2px solid var(--line)}.kbg .controls{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}.kbg .preview{flex:1.4 1 480px;min-width:0;position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.kbg h2{margin:0 0 10px;font-family:Fredoka,sans-serif;font-weight:600;font-size:19px;color:var(--prune)}.kbg label.field{display:block;font-weight:800;font-size:14px;margin-bottom:6px}.kbg input[type=text]{width:100%;min-height:48px;border-radius:14px;border:2px solid var(--prune);padding:0 16px;font-size:20px;font-family:Nunito,sans-serif;font-weight:700;color:var(--prune);background:#fff}.kbg .hint{font-size:13px;color:var(--muted);margin-top:6px}.kbg .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kbg .opt{min-height:64px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:Nunito,sans-serif;font-weight:700;font-size:13px;color:var(--prune)}.kbg .opt[aria-pressed=true]{border-color:var(--prune);box-shadow:3px 3px 0 var(--prune)}.kbg .opt .sample{font-size:22px;line-height:1.1}.kbg .opt svg{width:40px;height:24px}.kbg .swatches{display:flex;flex-wrap:wrap;gap:8px}.kbg .sw{width:36px;height:36px;border-radius:50%;border:2px solid rgba(43,35,64,.25);cursor:pointer;padding:0}.kbg .sw[aria-pressed=true]{outline:3px solid var(--prune);outline-offset:2px;border-color:#fff}.kbg .colrow{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px dashed var(--line)}.kbg .colrow:first-of-type{border-top:0;padding-top:0}.kbg .colhead{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;font-size:14px}.kbg .toggle{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer}.kbg .toggle input{width:20px;height:20px;accent-color:var(--framboise)}.kbg .seg{display:flex;gap:8px;flex-wrap:wrap}.kbg .seg button{min-height:44px;min-width:64px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:14px;cursor:pointer;color:var(--prune);padding:0 16px;font-family:Nunito,sans-serif}.kbg .seg button[aria-pressed=true]{border-color:var(--prune);background:var(--prune);color:#fff}.kbg .stage{position:relative;width:100%;aspect-ratio:4 / 3;max-height:460px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff,#fbe6ee);cursor:grab;touch-action:none}.kbg .stage:active{cursor:grabbing}.kbg .stage canvas{display:block;width:100%!important;height:100%!important}.kbg .stage .tip{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:700;color:var(--muted);background:#fffc;padding:4px 10px;border-radius:999px;pointer-events:none}.kbg .stage .busy{position:absolute;right:12px;top:10px;font-size:12px;font-weight:800;color:var(--muted)}.kbg .stats{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}.kbg .stats b{color:var(--prune)}.kbg .pricebox{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.kbg .price{font-family:Fredoka,sans-serif;font-weight:700;font-size:34px;color:var(--prune)}.kbg .pricenote{font-size:14px;color:var(--muted);font-weight:700}.kbg .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.kbg .btn{min-height:52px;border-radius:999px;border:0;background:var(--framboise);color:#fff;font-weight:800;font-size:17px;padding:0 28px;cursor:pointer;font-family:Nunito,sans-serif}.kbg .btn:disabled{opacity:.5;cursor:wait}.kbg .btn.ghost{background:#fff;color:var(--prune);border:2px solid var(--prune)}.kbg .msg{font-size:14px;font-weight:700}.kbg .msg.err{color:#a1123f}.kbg .legal{font-size:12px;color:var(--muted);line-height:1.5}.kbg .demo{background:#fff9e0;border:2px dashed #E6C34A;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.5}.kbg .demo pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-all;font-size:12px;background:#fff;padding:10px;border-radius:10px}.kbg .atelier{border-color:#2b2340}.kbg .atelier textarea{width:100%;min-height:64px;border-radius:12px;border:2px solid var(--prune);padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.kbg .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.kbg [hidden]{display:none!important}@media(max-width:560px){.kbg .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kbg .preview{position:static}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kb-configurateur.css.map */