.cpcs{--cpcs-blue:#0969e8;--cpcs-navy:#11233f;--cpcs-border:#d9e3f0;--cpcs-bg:#f5f8fd;color:#1b2d49;background:#fff;border:1px solid var(--cpcs-border);border-radius:12px;font:14px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif;overflow:hidden;margin:20px 0;max-width:100%;box-sizing:border-box}.cpcs *{box-sizing:border-box}.cpcs button,.cpcs select,.cpcs input,.cpcs textarea{font:inherit}.cpcs button,.cpcs-import-btn{cursor:pointer;border:1px solid var(--cpcs-border);border-radius:7px;padding:9px 12px;background:#fff;color:#28466e;font-weight:600}.cpcs button:hover,.cpcs-import-btn:hover{border-color:var(--cpcs-blue);color:var(--cpcs-blue)}.cpcs button:disabled{opacity:.5;cursor:wait}.cpcs h3{font-size:15px;font-weight:750;margin:0 0 13px;color:var(--cpcs-navy)}.cpcs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:var(--cpcs-navy);color:#fff}.cpcs-head strong{font-size:18px;letter-spacing:.06em}.cpcs-head strong span{color:#6bb0ff}.cpcs-head small{display:block;color:#bbcce3;font-size:12px}.cpcs-head-actions{display:flex;gap:8px;flex-wrap:wrap}.cpcs-head-actions button,.cpcs-head-actions label{background:#234367;color:white;border-color:#395577}.cpcs-bar{padding:13px 16px;display:flex;gap:12px;align-items:end;flex-wrap:wrap;border-bottom:1px solid var(--cpcs-border);background:#f9fbfe}.cpcs-bar label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650}.cpcs input[type=number],.cpcs select,.cpcs textarea{background:#fff;color:#172e4d;border:1px solid #cbd7e6;border-radius:6px;padding:7px;min-width:0}.cpcs-bar input[type=number]{width:78px}.cpcs-body{display:grid;grid-template-columns:minmax(200px,260px) minmax(280px,1fr) minmax(190px,230px);min-height:500px}.cpcs-sidebar,.cpcs-export{padding:17px;background:#fff;min-width:0}.cpcs-sidebar{border-right:1px solid var(--cpcs-border)}.cpcs-export{border-left:1px solid var(--cpcs-border)}.cpcs-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border:2px dashed #8bb9f4;border-radius:9px;background:#f0f6ff;cursor:pointer;text-align:center}.cpcs-drop span{font-weight:750;color:#0756c3}.cpcs-drop small,.cpcs-muted,.cpcs-info{font-size:11px;color:#61718a;line-height:1.55}.cpcs-info{margin:10px 0 15px}.cpcs-item{border:1px solid #dce5f1;border-radius:8px;padding:9px;margin-bottom:9px}.cpcs-item.active{border-color:#0969e8;background:#f3f8ff}.cpcs-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.cpcs-item-head b{font-size:11px;overflow-wrap:anywhere}.cpcs-item-head button{font-size:11px;padding:3px 6px}.cpcs-dims{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cpcs-dims label{font-size:10px;color:#54637a}.cpcs-dims input{width:100%;padding:4px!important}.cpcs-line{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0;font-size:12px}.cpcs-line input[type=number]{width:80px}.cpcs-line textarea{width:100%;resize:vertical}.cpcs-line:has(textarea){display:block}.cpcs-work{min-width:0;background:var(--cpcs-bg);display:flex;flex-direction:column}.cpcs-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#fff;padding:10px;border-bottom:1px solid var(--cpcs-border)}.cpcs-tools button{padding:6px 9px;font-size:11px}.cpcs-tools span{font-size:11px;color:#61718a;margin-left:auto}.cpcs-stage{padding:15px;display:flex;align-items:center;justify-content:center;flex:1;min-height:370px;overflow:hidden}.cpcs-stage canvas{width:100%;height:auto;max-height:65vh;object-fit:contain;touch-action:none;cursor:grab;box-shadow:0 3px 15px #1d38551c}.cpcs-stage canvas:active{cursor:grabbing}.cpcs-foot{padding:10px 13px;font-size:11px;text-align:center;color:#65758b}.cpcs-size{border:1px solid #dbe6f5;border-radius:8px;padding:12px;margin-bottom:12px}.cpcs-size strong{display:block;font-size:18px}.cpcs-size small{font-size:11px;color:#687a92}.cpcs-warning{padding:10px;background:#fff7e5;border:1px solid #f1dfb9;border-radius:7px;font-size:12px;margin-bottom:12px}.cpcs-export button{display:block;width:100%;margin:9px 0;text-align:center}.cpcs .cpcs-primary{background:var(--cpcs-blue);color:#fff;border-color:var(--cpcs-blue)}.cpcs .cpcs-primary:hover{background:#0759c6;color:white}.cpcs-purchase{border-top:1px solid var(--cpcs-border);margin-top:16px;padding-top:15px}.cpcs-purchase p{font-size:12px;color:#586b84}.cpcs-purchase small{font-size:12px;color:#1967c5;overflow-wrap:anywhere}@media(max-width:1080px){.cpcs-body{grid-template-columns:220px minmax(240px,1fr)}.cpcs-export{grid-column:1/-1;border-left:0;border-top:1px solid var(--cpcs-border)}.cpcs-export>button{display:inline-block;width:auto;margin:6px}.cpcs-purchase button{width:100%}}@media(max-width:670px){.cpcs-body{display:flex;flex-direction:column}.cpcs-sidebar{border-right:0;border-bottom:1px solid var(--cpcs-border)}.cpcs-head{flex-wrap:wrap}.cpcs-stage{min-height:270px;padding:8px}.cpcs-tools span{width:100%}.cpcs-bar label{flex:1 1 70px}}

/* Product designer is a sibling of the summary, not inside the summary column. */
.single-product .product .cpcs-product-wide{display:block;clear:both;width:100%;max-width:100%;float:none;margin:28px 0 30px;box-sizing:border-box}
.single-product .product .cpcs-product-wide::before,.single-product .product .cpcs-product-wide::after{content:"";display:table;clear:both}
.single-product .product .cpcs-product-wide .cpcs{width:100%;max-width:none;margin:0}
@media(min-width:1081px){.single-product .product .cpcs-product-wide .cpcs-body{grid-template-columns:minmax(190px,255px) minmax(0,1fr) minmax(185px,225px)}}