#cpm-portal{--cpm-brand: #1f4c9e;--cpm-border: #e2e2e6;--cpm-text: #1a1a1e;--cpm-muted: #6b6b74;color:var(--cpm-text);max-width:1100px;margin:0 auto;padding:28px 20px 60px}#cpm-portal h1{font-size:26px;margin:0 0 4px}#cpm-portal h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--cpm-muted);margin:0 0 12px}#cpm-portal .cpm-sub{color:var(--cpm-muted);font-size:14px}#cpm-portal .cpm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}#cpm-portal .cpm-account-link{font-size:14px;font-weight:600;color:var(--cpm-brand);text-decoration:none}#cpm-portal .cpm-login{text-align:center;padding:60px 20px}#cpm-portal .cpm-login .btn{display:inline-block;width:auto;padding:12px 34px;text-decoration:none}#cpm-portal .panel{background:#fff;border:1px solid var(--cpm-border);border-radius:12px;padding:18px;margin-bottom:16px}#cpm-portal .hint{font-size:12px;color:var(--cpm-muted);margin-top:10px;line-height:1.45}#cpm-portal .cpm-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}#cpm-portal .cpm-art{border:1px solid var(--cpm-border);border-radius:10px;background:#fafafa;padding:8px;cursor:pointer;transition:border-color .12s,transform .12s}#cpm-portal .cpm-art:hover{border-color:var(--cpm-brand);transform:translateY(-2px)}#cpm-portal .cpm-art img{width:100%;height:90px;object-fit:contain;display:block}#cpm-portal .cpm-art span{display:block;font-size:12px;font-weight:600;margin-top:6px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cpm-portal .cpm-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:800px){#cpm-portal .cpm-layout{grid-template-columns:1fr}}#cpm-portal .preview-card{background:#f0f0f2;border:1px solid var(--cpm-border);border-radius:12px;padding:12px;margin-bottom:16px}#cpm-portal .preview-bar{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:10px;flex-wrap:wrap}#cpm-portal .side-toggle{display:flex}#cpm-portal .side-toggle button{padding:7px 22px;font-size:13px;font-weight:600;border:1px solid var(--cpm-border);background:#fff;color:var(--cpm-muted);cursor:pointer}#cpm-portal .side-toggle button:first-child{border-radius:8px 0 0 8px}#cpm-portal .side-toggle button:last-child{border-radius:0 8px 8px 0;margin-left:-1px}#cpm-portal .side-toggle button.active{background:var(--cpm-brand);border-color:var(--cpm-brand);color:#fff}#cpm-portal .size-pick{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--cpm-muted)}#cpm-portal .size-pick select{padding:6px 10px;font-size:13px;font-weight:600;border:1px solid var(--cpm-border);border-radius:8px;background:#fff;cursor:pointer}#cpm-portal #stage{position:relative;width:100%;aspect-ratio:2 / 3;user-select:none;-webkit-user-select:none;touch-action:none;max-width:560px;margin:0 auto}#cpm-portal #stage svg,#cpm-portal #stage img.product-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cpm-portal img.product-photo{object-fit:contain;display:none}#cpm-portal #printArea{position:absolute;border:1.5px dashed transparent;border-radius:4px;transition:border-color .15s}#cpm-portal #stage:hover #printArea.has-logo,#cpm-portal #printArea.dragging{border-color:#1f4c9e8c}#cpm-portal #logoBox{position:absolute;cursor:grab;display:none}#cpm-portal #logoBox.dragging{cursor:grabbing}#cpm-portal #logoBox img{width:100%;height:auto;display:block;pointer-events:none}#cpm-portal .guide{position:absolute;pointer-events:none;opacity:0;transition:opacity .15s}#cpm-portal #stage:hover .guide,#cpm-portal #stage.dragging .guide{opacity:1}#cpm-portal #guideV{border-left:2px dashed rgba(211,47,47,.9);width:0}#cpm-portal #guideH{border-top:2px dashed rgba(232,137,28,.95);height:0}#cpm-portal #specBox{position:absolute;top:8px;left:8px;background:#fffffff0;border:1px solid var(--cpm-border);border-radius:10px;padding:8px 12px;font-size:12px;line-height:1.7;white-space:nowrap;box-shadow:0 2px 8px #00000014;opacity:0;transition:opacity .15s;pointer-events:none}#cpm-portal #stage:hover #specBox,#cpm-portal #stage.dragging #specBox{opacity:1}#cpm-portal #specBox .key{display:inline-block;width:16px;height:0;vertical-align:middle;margin-right:6px}#cpm-portal #specBox .key.down{border-top:2px dashed rgba(211,47,47,.9)}#cpm-portal #specBox .key.over{border-top:2px dashed rgba(232,137,28,.95)}#cpm-portal #colorName{text-align:center;font-size:14px;font-weight:600;margin-top:8px}#cpm-portal #colorName span{color:var(--cpm-muted);font-weight:400}#cpm-portal #drop{border:2px dashed #c9c9d1;border-radius:10px;padding:22px 14px;text-align:center;font-size:14px;color:var(--cpm-muted);cursor:pointer;transition:all .15s}#cpm-portal #drop:hover,#cpm-portal #drop.over{border-color:var(--cpm-brand);color:var(--cpm-brand);background:#f4f8ff}#cpm-portal #drop strong{color:var(--cpm-text);display:block;margin-bottom:3px}#cpm-portal #fileInput{display:none}#cpm-portal .control-row{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px}#cpm-portal .control-row input[type=range]{width:100%;accent-color:var(--cpm-brand)}#cpm-portal .inch-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}#cpm-portal .inch-row input[type=number]{width:76px;padding:7px 8px;font-size:14px;font-weight:600;border:1px solid var(--cpm-border);border-radius:8px}#cpm-portal .inch-row .dim{color:var(--cpm-muted);font-size:13px}#cpm-portal #sizeReadout{font-size:13px;color:var(--cpm-brand);font-weight:600;margin-top:6px;text-align:right;min-height:18px;line-height:1.5}#cpm-portal .toggle-row{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px}#cpm-portal .toggle-row input{accent-color:var(--cpm-brand);width:16px;height:16px}#cpm-portal #swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:8px}#cpm-portal .swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,0,0,.12);cursor:pointer;padding:0;transition:transform .1s;background-position:center}#cpm-portal .swatch:hover{transform:scale(1.15)}#cpm-portal .swatch.selected{border:2px solid var(--cpm-brand);box-shadow:0 0 0 2px #fff inset,0 0 0 3px var(--cpm-brand)}#cpm-portal .btn{display:block;width:100%;padding:11px;margin-top:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:var(--cpm-brand);color:#fff;text-align:center}#cpm-portal .btn:disabled{background:#c5c5cc;cursor:default}#cpm-portal .btn.secondary{background:#fff;color:var(--cpm-text);border:1px solid var(--cpm-border)}#cpm-portal .btn.green{background:#0f7b3c}#cpm-portal .btn.small{display:inline-block;width:auto;padding:6px 14px;font-size:12px;text-decoration:none;margin:0}#cpm-portal #qtyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}#cpm-portal .qty-cell{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600}#cpm-portal .qty-cell input{width:100%;padding:6px;font-size:13px;text-align:center;border:1px solid var(--cpm-border);border-radius:7px}#cpm-portal #orderItems{margin-top:12px;font-size:13px}#cpm-portal .order-item{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:#f6f6f8;border-radius:8px;margin-bottom:6px}#cpm-portal .rm{color:#c8102e;cursor:pointer;font-weight:700;border:none;background:none;font-size:14px}#cpm-portal #orderTotal{font-size:14px;font-weight:700;margin-top:8px;text-align:right}#cpm-portal .cpm-saved-list{display:flex;flex-wrap:wrap;gap:8px}#cpm-portal .cpm-save-chip{display:flex;align-items:center;background:#f4f8ff;border:1px solid var(--cpm-brand);border-radius:20px;overflow:hidden}#cpm-portal .cpm-save-chip button:first-child{border:none;background:none;padding:7px 4px 7px 14px;font-size:13px;font-weight:600;color:var(--cpm-brand);cursor:pointer}#cpm-portal .cpm-save-chip .rm{padding:7px 10px 7px 4px}#cpm-portal .cpm-save-row{display:flex;gap:8px;margin-top:12px}#cpm-portal .cpm-save-row input{flex:1;padding:9px 11px;font-size:14px;border:1px solid var(--cpm-border);border-radius:8px}#cpm-portal .cpm-save-row .btn{width:auto;padding:9px 22px;margin:0}#cpm-portal .cpm-orders{width:100%;border-collapse:collapse;font-size:14px}#cpm-portal .cpm-orders th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--cpm-muted);padding:8px 10px;border-bottom:2px solid var(--cpm-border)}#cpm-portal .cpm-orders td{padding:10px;border-bottom:1px solid #eee;vertical-align:top}#cpm-portal .cpm-orders a{color:var(--cpm-brand)}#cpm-portal .cpm-pagination{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:14px}#cpm-portal .modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1414188c;padding:30px;overflow-y:auto}#cpm-portal .modal.open{display:block}#cpm-portal .modal-inner{background:#fafafa;border-radius:14px;max-width:1100px;margin:0 auto;padding:22px}#cpm-portal .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}#cpm-portal .modal-head h3{font-size:17px;margin:0}#cpm-portal .modal-head button{border:none;background:#eceaee;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}#cpm-portal .modal-sub{font-size:13px;color:var(--cpm-muted);margin-bottom:16px}#cpm-portal #allGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}#cpm-portal .cell{background:#f0f0f2;border:1px solid var(--cpm-border);border-radius:10px;padding:8px;cursor:pointer;transition:border-color .12s,transform .12s}#cpm-portal .cell:hover{border-color:var(--cpm-brand);transform:translateY(-2px)}#cpm-portal .mini-stage{position:relative;width:100%}#cpm-portal .mini-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#cpm-portal .mini-stage img{position:absolute}#cpm-portal .cell .cname{text-align:center;font-size:12px;font-weight:600;margin-top:6px}#cpm-portal #sizesStrip{display:flex;align-items:flex-start;justify-content:center;gap:10px;flex-wrap:wrap}#cpm-portal .size-cell{text-align:center}#cpm-portal .size-cell .cname{font-size:12px;font-weight:700;margin-top:4px}#cpm-portal .size-cell .csub{font-size:11px;color:var(--cpm-muted)}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */