#cpd{--bg:#fdfbf7;--card:#fffdfa;--ln:#e6ded1;--ln2:#d8ccb8;--gold:#a5824c;--gold-d:#8a6a3b;--acc:#c9a86a;--brand:#6b5029;--ink:#3a3229;--mut:#6f6355;--mut2:#8d8071;--mut3:#a8998a;--sum:#f3ece0;--sum-ln:#e2d6c2;--err:#b4342a;--pad:clamp(20px,2.9vw,72px);--gap:clamp(24px,2.4vw,48px);--ctl:clamp(380px,17vw,440px);background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--font-body-family, Roboto, sans-serif);-webkit-font-smoothing:antialiased;max-width:100%}#cpd *{box-sizing:border-box}#cpd img{max-width:100%}#cpd button{font-family:inherit}#cpd .page{width:100%;max-width:2400px;margin:0 auto;padding:0 0 80px}#cpd .hero{padding:clamp(30px,3.6vw,64px) var(--pad) clamp(18px,2.1vw,38px);display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}#cpd .hero .eyebrow{font:500 12px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}#cpd .hero h1{font:400 clamp(36px,3.45vw,60px)/1.08 var(--font-heading-family, Inter, sans-serif);margin:0 0 14px;color:var(--ink)}#cpd .hero p{font:300 17.5px/1.6 var(--font-body-family, Roboto, sans-serif);margin:0;color:var(--mut);max-width:560px}#cpd .stats{display:flex;gap:30px;font:300 14px/1.5 var(--font-body-family, Roboto, sans-serif);color:var(--mut);flex:none}#cpd .stats div{display:flex;flex-direction:column;gap:4px}#cpd .stats span{font:500 13px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}#cpd .stats i{width:1px;background:var(--ln);align-self:stretch;display:block}#cpd .grid{display:grid;grid-template-columns:minmax(0,1fr) var(--ctl);gap:var(--gap);padding:0 var(--pad);align-items:start}#cpd .left{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;min-width:0}#cpd .right{display:flex;flex-direction:column;gap:16px;min-width:0}#cpd #cp-cz{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:28px;min-height:720px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;user-select:none;-webkit-user-select:none}#cpd .pv-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;font:400 13px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--mut3)}#cpd .cz-stage{position:relative;width:100%;min-width:0;height:min(clamp(560px,52vw,1040px),calc(100vh - 292px));min-height:380px;padding:40px 18px 18px 72px;display:flex;align-items:center;justify-content:center;overflow:hidden}#cpd .cz-frame{position:relative}#cpd .cz-dim{position:absolute;display:flex;align-items:center;justify-content:center;font:500 11px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.02em;color:var(--mut2);pointer-events:none}#cpd .cz-dim-w{left:0;right:0;top:-26px;height:14px}#cpd .cz-dim-h{top:0;bottom:0;left:-44px;width:14px;flex-direction:column}#cpd .cz-dim .cz-line{position:absolute;background:var(--ln2)}#cpd .cz-dim-w .cz-line{left:0;right:0;top:50%;height:1.5px}#cpd .cz-dim-h .cz-line{top:0;bottom:0;left:50%;width:1.5px}#cpd .cz-dim .cz-tick{position:absolute;background:var(--ln2)}#cpd .cz-dim-w .cz-tick{width:1.5px;height:10px;top:2px}#cpd .cz-dim-h .cz-tick{height:1.5px;width:10px;left:2px}#cpd .cz-dim .cz-lbl{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:6px;padding:2px 8px;z-index:1;color:var(--ink);white-space:nowrap}#cpd .cz-plaque{position:relative;width:100%;height:100%}#cpd .cz-plaque img.cz-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;display:block;border:0;outline:0;box-shadow:none}#cpd .cz-plaque .cz-nine{position:absolute;top:0;right:0;bottom:0;left:0;display:none;border:0 solid transparent;border-image-repeat:stretch;pointer-events:none}#cpd .cz-plaque.cz-9on .cz-nine{display:block}#cpd .cz-plaque.cz-9on img.cz-base{visibility:hidden}#cpd .cz-el{position:absolute;cursor:grab;touch-action:none}#cpd .cz-el:active{cursor:grabbing}#cpd .cz-el.cz-sel{outline:1px dashed rgba(201,168,106,.9);outline-offset:3px}#cpd .cz-el.cz-hidden{display:none}#cpd .cz-text{font-weight:700;line-height:1.3;white-space:pre;text-shadow:0 1px 2px rgba(20,12,4,.7);letter-spacing:.04em;min-width:26px;min-height:14px}#cpd .cz-photo-el img{width:100%;display:block;border-radius:4px}#cpd .cz-handle{position:absolute;right:-8px;bottom:-8px;width:14px;height:14px;background:var(--acc);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;touch-action:none;display:none}#cpd .cz-el.cz-sel .cz-handle{display:block}#cpd .pv-note{display:flex;gap:12px;align-items:center;font:300 14px/1.4 var(--font-body-family, Roboto, sans-serif);color:var(--mut2);text-align:center}#cpd .pv-note i{width:26px;height:1px;background:var(--ln2);display:block;flex:none}#cpd .pv-acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#cpd .ghost{padding:12px 18px;border-radius:9px;border:1px solid var(--ln);background:transparent;font:400 13.5px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.04em;color:#5c503f;cursor:pointer}#cpd .ghost:hover{border-color:var(--acc);background:#faf5ec}#cpd .ghost:disabled{opacity:.55;cursor:wait}#cpd .pv-help{background:none;border:0;padding:0;font:300 14px/1.4 var(--font-body-family, Roboto, sans-serif);color:var(--gold-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}#cpd .card{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:25px 27px}#cpd .lab{font:500 12px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}#cpd .lab-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}#cpd .lab-row .lab{margin:0}#cpd .lab-val{font:300 14px/1 var(--font-body-family, Roboto, sans-serif);color:var(--mut)}#cpd .sub{font:300 13px/1 var(--font-body-family, Roboto, sans-serif);color:var(--mut2);margin-bottom:9px}#cpd .hint{font:300 13.5px/1.55 var(--font-body-family, Roboto, sans-serif);color:var(--mut2);margin:13px 0 0}#cpd .rule{height:1px;background:#efe7db;margin:20px 0}#cpd .shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}#cpd .tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 7px 12px;border-radius:10px;cursor:pointer;background:#fdfbf7;border:1.5px solid var(--ln)}#cpd .tile:hover{border-color:var(--acc)}#cpd .tile.on{border:1.5px solid var(--acc);background:#f6efe2}#cpd .tile img{width:100%;height:36px;object-fit:contain;display:block}#cpd .tile span{font:400 12.5px/1.2 var(--font-body-family, Roboto, sans-serif);color:#5c503f;text-align:center}#cpd .size-row{display:flex;gap:13px}#cpd .size-row label{flex:1;display:flex;flex-direction:column;gap:7px;font:300 13px/1 var(--font-body-family, Roboto, sans-serif);color:var(--mut2)}#cpd .size-row input{width:100%;padding:12.5px 14px;border:1px solid var(--ln);border-radius:9px;background:#fdfbf7;font:400 16.5px/1.2 var(--font-body-family, Roboto, sans-serif);color:var(--ink);outline:none}#cpd .size-row input:focus{border-color:var(--acc);background:#fff}#cpd .cpd-src{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}#cpd .err{margin:13px 0 0;font:400 13.5px/1.5 var(--font-body-family, Roboto, sans-serif);color:var(--err)}#cpd .err[hidden]{display:none}#cpd .fin-list{display:flex;flex-direction:column;gap:9px}#cpd .fin{display:flex;align-items:center;gap:15px;padding:12.5px 15px;border-radius:10px;cursor:pointer;background:#fdfbf7;border:1.5px solid var(--ln);text-align:left;width:100%}#cpd .fin:hover{border-color:var(--acc)}#cpd .fin.on{border:1.5px solid var(--acc);background:#f6efe2}#cpd .fin img{width:38px;height:38px;border-radius:8px;flex:none;object-fit:cover;display:block}#cpd .fin b{font:400 15.5px/1.3 var(--font-body-family, Roboto, sans-serif);color:var(--ink)}#cpd .fin em{display:block;font:300 13px/1.4 var(--font-body-family, Roboto, sans-serif);color:var(--mut2);font-style:normal}#cpd .ta{width:100%;padding:12.5px 14px;border:1px solid var(--ln);border-radius:9px;background:#fdfbf7;color:var(--ink);outline:none;resize:vertical;min-height:52px;max-height:124px;font:400 17.5px/1.35 var(--font-heading-family, Inter, sans-serif)}#cpd .ta:focus{border-color:var(--acc);background:#fff}#cpd .ta:disabled{background:#f7f2e9;color:var(--mut3)}#cpd .sel{width:100%;padding:12.5px 14px;border:1px solid var(--ln);border-radius:9px;background:#fdfbf7;font:400 15px/1.2 var(--font-body-family, Roboto, sans-serif);color:var(--ink);outline:none}#cpd .sel:focus{border-color:var(--acc)}#cpd .sel:disabled{background:#f7f2e9;color:var(--mut3)}#cpd .two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}#cpd .seg{display:flex;gap:8px}#cpd .seg button{flex:1;padding:11.5px 4px;border-radius:9px;cursor:pointer;background:#fdfbf7;border:1.5px solid var(--ln);font:400 14px/1 var(--font-body-family, Roboto, sans-serif);color:#5c503f}#cpd .seg button:hover{border-color:var(--acc)}#cpd .seg button.on{border-color:var(--acc);background:#f6efe2}#cpd .sw-row{display:flex;gap:9px}#cpd .sw{width:37px;height:37px;border-radius:8px;border:1.5px solid var(--ln);cursor:pointer;padding:0}#cpd .sw.on{border-color:var(--gold-d);box-shadow:0 0 0 2px #c9a86a59}#cpd .add{margin-top:18px;padding:10.5px 17px;border:1px dashed var(--ln2);border-radius:9px;background:transparent;font:400 14px/1 var(--font-body-family, Roboto, sans-serif);color:var(--gold-d);cursor:pointer}#cpd .add:hover{background:#f9f4ec}#cpd .layers{display:flex;flex-direction:column;gap:7px}#cpd .ly{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;background:#fdfbf7;cursor:pointer;font:300 13.5px/1 var(--font-body-family, Roboto, sans-serif);color:var(--ink)}#cpd .ly.on{border-color:var(--acc);background:#f6efe2}#cpd .ly .tp{font:500 10.5px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.1em;color:var(--gold);flex:none}#cpd .ly .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cpd .ly button{border:0;background:transparent;color:var(--mut3);cursor:pointer;font:300 14px/1 var(--font-body-family, Roboto, sans-serif);padding:3px 5px;border-radius:5px}#cpd .ly button:hover{color:var(--gold-d)}#cpd .drop{display:flex;flex-direction:column;align-items:center;gap:9px;padding:30px 18px;border:1px dashed var(--ln2);border-radius:10px;background:#fdfbf7;cursor:pointer;text-align:center}#cpd .drop:hover{background:#f9f4ec}#cpd .drop .pl{width:38px;height:38px;border-radius:50%;background:var(--sum);display:flex;align-items:center;justify-content:center;font:300 22px/1 var(--font-body-family, Roboto, sans-serif);color:var(--gold)}#cpd .drop b{font:400 15px/1 var(--font-body-family, Roboto, sans-serif);color:var(--brand)}#cpd .drop small,#cpd .opt{font:300 13px/1 var(--font-body-family, Roboto, sans-serif);color:var(--mut3)}#cpd .chk{display:flex;align-items:center;gap:11px;margin-top:18px;font:400 15px/1 var(--font-body-family, Roboto, sans-serif);color:var(--ink);cursor:pointer}#cpd .chk input{width:19px;height:19px;accent-color:var(--gold);cursor:pointer}#cpd .sum{background:var(--sum);border:1px solid var(--sum-ln);border-radius:14px;padding:27px}#cpd .srow{display:flex;justify-content:space-between;gap:12px;font:300 14.5px/1.9 var(--font-body-family, Roboto, sans-serif);color:var(--mut)}#cpd .srow b{color:var(--ink);font-weight:400}#cpd .sline{height:1px;background:var(--sum-ln);margin:12px 0}#cpd .stot{display:flex;justify-content:space-between;align-items:baseline;gap:12px}#cpd .stot span{font:400 15px/1 var(--font-body-family, Roboto, sans-serif);color:#5c503f}#cpd .stot b{font:500 34px/1 var(--font-heading-family, Inter, sans-serif);color:var(--ink)}#cpd .scmp{display:none}#cpd .btn-primary{width:100%;margin-top:16px;padding:18px;border:none;border-radius:10px;background:var(--gold-d);color:#fffdfa;font:500 16.5px/1 var(--font-body-family, Roboto, sans-serif);letter-spacing:.04em;cursor:pointer}#cpd .btn-primary:hover{background:var(--brand)}#cpd .btn-primary:disabled{opacity:.45;cursor:not-allowed}#cpd .btn-outline{width:100%;margin-top:10px;padding:16px;border:1px solid #cbb693;border-radius:10px;background:transparent;color:var(--brand);font:400 15px/1 var(--font-body-family, Roboto, sans-serif);cursor:pointer}#cpd .btn-outline:hover{background:#eee5d6}#cpd .btn-link{display:block;width:100%;margin-top:14px;border:0;background:none;font:300 14px/1.4 var(--font-body-family, Roboto, sans-serif);color:var(--gold-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}#cpd .fine{font:300 13px/1.6 var(--font-body-family, Roboto, sans-serif);color:var(--mut2);margin:16px 0 0;text-align:center}#cpd .ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#231a0e6b;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}#cpd .ov[hidden]{display:none}#cpd .md{background:var(--card);border:1px solid var(--ln);border-radius:14px;max-width:440px;width:100%;max-height:100%;overflow:auto}#cpd .md-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid var(--ln);font:400 20px/1.2 var(--font-heading-family, Inter, sans-serif);color:var(--ink)}#cpd .md-x{border:0;background:transparent;font:300 22px/1 var(--font-body-family, Roboto, sans-serif);color:var(--mut3);cursor:pointer;padding:0 4px}#cpd .md-b{padding:20px 22px 22px}#cpd .md-b p{font:300 13.5px/1.65 var(--font-body-family, Roboto, sans-serif);color:var(--mut);margin:0 0 16px}#cpd .md-row{display:flex;gap:10px;flex-wrap:wrap}#cpd .md-row button{flex:1;min-width:150px;border-radius:10px;padding:13px;font:400 13.5px/1 var(--font-body-family, Roboto, sans-serif);cursor:pointer}#cpd .g{border:1px solid var(--ln);background:transparent;color:#5c503f}#cpd .f{border:0;background:var(--gold-d);color:#fffdfa}#cpd .in{width:100%;border:1px solid var(--ln);border-radius:9px;padding:11px 13px;font:400 14px/1.3 var(--font-body-family, Roboto, sans-serif);margin-bottom:10px;outline:none;color:var(--ink);background:#fdfbf7;resize:vertical}#cpd .in:focus{border-color:var(--acc);background:#fff}#cpd .step{display:flex;gap:12px;margin-bottom:14px}#cpd .step .n{width:24px;height:24px;border-radius:50%;background:var(--sum);color:var(--gold-d);font:500 12px/24px var(--font-body-family, Roboto, sans-serif);text-align:center;flex:none}#cpd .step .t{font:400 13.5px/1.4 var(--font-body-family, Roboto, sans-serif);color:var(--ink)}#cpd .step .d{font:300 12.5px/1.55 var(--font-body-family, Roboto, sans-serif);color:var(--mut2)}#cpd #qStatus{font:300 12.5px/1.5 var(--font-body-family, Roboto, sans-serif);min-height:18px;margin:2px 0 12px}#cpd #messageBox{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:#3a3229;color:#fdfbf7;padding:11px 20px;border-radius:9px;z-index:80;opacity:0;pointer-events:none;transition:opacity .25s;max-width:92vw;text-align:center;font:300 13.5px/1.5 var(--font-body-family, Roboto, sans-serif)}#cpd #messageBox.show{opacity:1}@media(max-width:1279px){#cpd{--ctl:340px;--gap:clamp(20px,2.2vw,30px)}}@media(max-width:1024px){#cpd .grid{grid-template-columns:minmax(0,1fr);gap:18px}#cpd .left{position:static;top:auto}#cpd #cp-cz{min-height:0}#cpd .cz-stage{height:min(64vh,76vw,620px);min-height:260px}}@media(max-width:900px){#cpd .page{padding-bottom:52px}#cpd .hero{gap:22px}#cpd .stats{gap:16px;flex-wrap:wrap;flex:1 1 100%}#cpd .stats i{display:none}#cpd #cp-cz{padding:20px 16px;gap:18px}#cpd .card{padding:20px 17px}#cpd .two{grid-template-columns:1fr}#cpd .cz-stage{padding:32px 10px 10px 58px}#cpd .cz-dim-w{top:-22px}#cpd .cz-dim-h{left:-36px}}@media(max-width:560px){#cpd .cz-stage{height:min(64vh,88vw,420px);padding:24px 8px 8px 50px}#cpd .cz-dim-w{top:-18px}#cpd .cz-dim-h{left:-30px}#cpd .cz-dim .cz-lbl{font-size:10px;padding:2px 6px}#cpd .pv-acts{gap:8px}#cpd .ghost{padding:11px 14px;font-size:13px}#cpd .sum{padding:22px 20px}#cpd .md-row button{min-width:120px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cpd-design.css.map */