.cp{--cp-ink: #333333;--cp-muted: #6b6b66;--cp-line: #e3e2de;--cp-soft: #f5f4f1;--cp-card: #ffffff;--cp-steel: #355c7d;--cp-red: #b72025;--cp-gold: #fec111;--cp-ok: #1d7a3a;--cp-amber: #b86e00;--cp-bad: #b72025;--cp-plastic: #2d2d2b;--cp-radius: 14px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--cp-ink);-webkit-font-smoothing:antialiased;max-width:1180px;margin:0 auto;padding:0 16px 48px;box-sizing:border-box}.cp *,.cp *:before,.cp *:after{box-sizing:border-box}.cp [hidden]{display:none!important}.cp button{font:inherit;color:inherit;cursor:pointer}.cp h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.01em;margin:24px 0 4px}.cp .cp-sub{color:var(--cp-muted);margin:0 0 20px;font-size:15px}.cp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}.cp-col{display:grid;gap:16px;min-width:0}.cp-card{background:var(--cp-card);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:16px}.cp-card h3{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-muted)}.cp-pills{display:flex;flex-wrap:wrap;gap:8px}.cp-pill{border:1.5px solid var(--cp-line);background:#fff;border-radius:12px;padding:10px 14px;text-align:left;min-width:0;transition:border-color .15s,box-shadow .15s}.cp-pill b{display:block;font-size:15px}.cp-pill span{font-size:13px;color:var(--cp-muted)}.cp-pill[aria-pressed=true]{border-color:var(--cp-ink);box-shadow:0 0 0 1px var(--cp-ink) inset}.cp-pill:focus-visible,.cp-tool:focus-visible,.cp-swatch:focus-visible{outline:2px solid var(--cp-steel);outline-offset:2px}.cp-stage{position:relative}.cp-stage-inner{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;touch-action:none;background:var(--cp-plastic)}.cp-stage-inner .canvas-container,.cp-stage-inner canvas{width:100%!important;height:100%!important}.cp-stage-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;color:var(--cp-muted);padding:6px 0 12px}.cp-stage-label span+span{text-align:right}.cp-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:#cfcfca;pointer-events:none;padding:20px}.cp-empty b{display:block;color:#fff;font-size:18px;margin-bottom:6px}.cp-units{display:flex;gap:6px;flex-wrap:wrap}.cp-unit{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--cp-line);background:var(--cp-plastic) center/cover no-repeat;color:#fff;font-weight:700;font-size:13px}.cp-unit[aria-pressed=true]{border-color:var(--cp-ink);box-shadow:0 0 0 2px var(--cp-gold)}.cp-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cp-tool{display:grid;justify-items:center;gap:4px;padding:10px 6px;border:1px solid var(--cp-line);border-radius:12px;background:#fff;font-size:12px;font-weight:600}.cp-tool svg{width:22px;height:22px}.cp-tool:hover{border-color:#bdbdb7}.cp-tool[disabled]{opacity:.4;cursor:default}.cp-tool.cp-primary{background:var(--cp-ink);color:#fff;border-color:var(--cp-ink)}.cp-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cp-mini{border:1px solid var(--cp-line);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.cp-mini[disabled]{opacity:.4;cursor:default}.cp-select{border:1px solid var(--cp-line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:#fff;min-width:0}.cp-shapes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cp-shapes .cp-tool{padding:8px 4px}.cp-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.cp-swatch{aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,0,0,.18);padding:0;position:relative}.cp-swatch[aria-pressed=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--cp-ink)}.cp-tex{margin-top:12px}.cp-tex-label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-muted);margin-bottom:6px}.cp-tex-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px 6px}.cp-texbtn{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-content:start;gap:4px;min-width:0;padding:0;border:0;background:none;font-size:10.5px;line-height:1.15;color:var(--cp-muted);text-align:center}.cp-texbtn i{width:100%;aspect-ratio:1;border-radius:10px;border:1px solid rgba(0,0,0,.18);background-size:cover;display:block}.cp-texbtn .cp-tex-none{background:#fff linear-gradient(135deg,transparent 46%,#c9c7c2 47%,#c9c7c2 53%,transparent 54%)}.cp-texbtn[aria-pressed=true] i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cp-ink)}.cp-texbtn[aria-pressed=true] span{color:var(--cp-ink);font-weight:700}.cp-texbtn span{font-size:10px}.cp-hint{font-size:13px;color:var(--cp-muted);margin:8px 0 0}.cp-preview{position:relative;background:linear-gradient(180deg,#f3f2ef,#e7e6e2);border-radius:var(--cp-radius);overflow:hidden}.cp-preview canvas{display:block;width:100%;height:auto}.cp-preview-note{position:absolute;left:12px;bottom:10px;font-size:11px;color:#77756f;background:#ffffffbf;padding:3px 8px;border-radius:999px}.cp-quality{display:grid;gap:8px}.cp-meter{height:8px;border-radius:999px;background:var(--cp-soft);overflow:hidden}.cp-meter i{display:block;height:100%;width:0;border-radius:inherit;transition:width .2s,background .2s}.cp-q-ok i{background:var(--cp-ok)}.cp-q-amber i{background:#e09a1a}.cp-q-bad i{background:var(--cp-bad)}.cp-q-text{font-size:14px;font-weight:600}.cp-q-ok .cp-q-text{color:var(--cp-ok)}.cp-q-amber .cp-q-text{color:var(--cp-amber)}.cp-q-bad .cp-q-text{color:var(--cp-bad)}.cp-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}.cp-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--cp-ink);flex:none}.cp-addons{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:#fff8ea;border:1px solid #f3dfb4}.cp-col-preview{position:sticky;top:16px}.cp.cp-guided .cp-col-preview{top:calc(var(--cp-guide-h, 0px) + 20px)}.cp-summary{background:#fff;border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:14px 16px;box-shadow:0 10px 30px #0000000f;display:grid;gap:10px}.cp-lines{display:grid;gap:4px;font-size:14px}.cp-lines div{display:flex;justify-content:space-between;gap:12px}.cp-total{font-size:18px;font-weight:800;border-top:1px solid var(--cp-line);padding-top:8px}.cp-qty{display:inline-flex;align-items:center;border:1px solid var(--cp-line);border-radius:10px;overflow:hidden}.cp-qty button{width:38px;height:40px;border:0;background:#fff;font-size:18px}.cp-qty output{min-width:34px;text-align:center;font-weight:700}.cp .cp-buy{width:100%;border:0;border-radius:12px;background:var(--cp-red);color:#fff;font-weight:800;font-size:16px;padding:16px;letter-spacing:.01em}.cp .cp-buy[disabled]{background:#c9c7c2;cursor:not-allowed}.cp-why{font-size:13px;color:var(--cp-muted);text-align:center;min-height:1em}.cp-busy{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414128c;display:none;place-items:center;z-index:50}.cp-busy.on{display:grid}.cp-busy div{background:#fff;border-radius:16px;padding:24px 28px;font-weight:700;display:grid;gap:12px;justify-items:center;max-width:90vw}.cp-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--cp-line);border-top-color:var(--cp-ink);animation:cp-spin .8s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-dev{white-space:pre-wrap;font:12px/1.4 ui-monospace,Consolas,monospace;background:#111;color:#d7ffd7;padding:12px;border-radius:10px;max-height:50vh;overflow:auto;text-align:left}.cp-guide{position:sticky;top:8px;z-index:30;background:var(--cp-ink);color:#fff;border-radius:var(--cp-radius);padding:12px 16px;margin:0 0 16px;box-shadow:0 10px 30px #0000002e;display:grid;gap:4px}.cp-g-top{display:flex;align-items:center;gap:10px;font-size:12px;color:#cfcfca}.cp-g-dots{display:inline-flex;gap:5px;flex:1}.cp-g-dots i{width:8px;height:8px;border-radius:50%;background:#5a5a56}.cp-g-dots i.on{background:#cfcfca}.cp-g-dots i.now{background:var(--cp-gold)}.cp .cp-g-x{background:none;border:0;color:#cfcfca;font-size:12px;text-decoration:underline;padding:4px}.cp-g-title{font-size:17px}.cp-g-text{margin:0;font-size:14px;line-height:1.45;color:#ecebe7}.cp-g-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.cp-guide .cp-mini{background:transparent;color:#fff;border-color:#6b6b66;min-height:40px}.cp-guide .cp-mini[disabled]{opacity:.35}.cp-guide .cp-g-next{background:var(--cp-gold);color:var(--cp-ink);border-color:var(--cp-gold);min-width:96px}.cp-g-show{margin:0 0 16px}.cp-hl{outline:3px solid var(--cp-gold);outline-offset:3px;border-radius:var(--cp-radius);animation:cp-glow 1.6s ease-in-out 2}@keyframes cp-glow{50%{outline-color:#fec11159}}@media(max-width:860px){.cp-grid{grid-template-columns:1fr}.cp-summary{box-shadow:none}.cp-col-preview{position:static}.cp-grid{display:flex;flex-direction:column;gap:16px}.cp-col{display:contents}.cp-grid>.cp-col>*{width:100%}.cp-o-design{order:1}.cp-o-prev{order:2}.cp-o-qual{order:3}.cp-o-shapes{order:4}.cp-o-insp{order:5}.cp-o-sum{order:6}.cp-stage-label span+span{display:none}.cp-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-palette{grid-template-columns:repeat(8,minmax(0,1fr))}.cp-tex-row{grid-template-columns:repeat(5,minmax(0,1fr))}.cp-guide{position:fixed;top:auto;left:8px;right:8px;bottom:calc(84px + env(safe-area-inset-bottom,0px));margin:0;padding:10px 14px 12px}.cp-g-text{font-size:13.5px}.cp.cp-guided{padding-bottom:290px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/edge-cp.css.map */