@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=DM+Sans:wght@300;400;500&display=swap";:root{--cc-accent: #1a1a1a;--cc-bg: #ffffff;--cc-surface: #f7f7f7;--cc-border: #e0e0e0;--cc-text: #1a1a1a;--cc-muted: #888888;--cc-green: #2a9d5c;--cc-poster-gap: 3px}.cc-wrapper{padding:40px 40px 80px;max-width:1200px;margin:0 auto}.cc-product-title{font-family:DM Sans,sans-serif;font-size:28px;font-weight:500;color:var(--cc-text);margin-bottom:32px;letter-spacing:-.01em}.cc-workspace{display:grid;grid-template-columns:440px 1fr;gap:0;align-items:start}.cc-controls{background:var(--cc-bg);padding-right:48px;display:flex;flex-direction:column}.cc-stepper-header{margin-bottom:24px}.cc-progress-bar{height:4px;background:var(--cc-border);border-radius:2px;overflow:hidden;margin-bottom:10px}.cc-progress-fill{height:100%;background:var(--cc-accent);border-radius:2px;transition:width .35s ease;width:25%}.cc-step-labels{display:flex;justify-content:space-between}.cc-step-labels span{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-muted);transition:color .2s}.cc-step-labels span.active{color:var(--cc-accent);font-weight:500}.cc-step-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;color:var(--cc-text);margin-bottom:18px}.cc-pick-count-label{font-family:DM Sans,sans-serif;font-size:13px;color:var(--cc-muted);margin-bottom:12px}.cc-pick-count-btns{display:flex;gap:10px;margin-bottom:20px}.cc-count-btn{flex:1;padding:16px 12px;border:1.5px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:4px}.cc-count-btn:hover{border-color:#aaa}.cc-count-btn.active{border-color:var(--cc-accent);background:var(--cc-accent);color:#fff}.cc-count-num{font-family:DM Sans,sans-serif;font-size:28px;font-weight:500;line-height:1}.cc-count-sub{font-family:DM Sans,sans-serif;font-size:11px;font-weight:300;opacity:.75}.cc-upload-trigger-btn{width:100%;padding:14px;border-radius:8px;border:2px dashed var(--cc-border);background:var(--cc-surface);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--cc-text);cursor:pointer;transition:all .2s;margin-bottom:8px}.cc-upload-trigger-btn:hover{border-color:var(--cc-accent);background:#00000005}.cc-upload-trigger-hint{font-family:DM Sans,sans-serif;font-size:11px;color:var(--cc-muted);text-align:center}.cc-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.cc-cell--hidden{display:none!important}.cc-cell{aspect-ratio:1;border:1.5px solid var(--cc-border);border-radius:6px;position:relative;overflow:hidden;background:#fafafa;isolation:isolate}.cc-cell.has-photo{border-color:var(--cc-green)}.cc-cell.cc-cell--missing{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26;animation:cc-shake .35s ease}@keyframes cc-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.cc-cell-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.cc-cell-plus{font-size:20px;font-weight:300;color:#ccc;line-height:1}.cc-cell-label{font-family:DM Sans,sans-serif;font-size:9px;color:#ccc}.cc-cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.cc-cell-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:3px;padding:4px;background:#000000a6;z-index:4;justify-content:center}.cc-ctrl-btn{flex:1;padding:6px 4px;border:none;border-radius:4px;background:#ffffff2e;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s;font-family:DM Sans,sans-serif;line-height:1;white-space:nowrap;letter-spacing:.02em}.cc-ctrl-btn:hover{background:#ffffff59}.cc-shuffle-row{margin-bottom:14px}.cc-shuffle-btn{width:100%;padding:10px;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--cc-text);cursor:pointer;transition:all .2s;letter-spacing:.02em}.cc-shuffle-btn:hover{border-color:var(--cc-accent);background:#00000005}.cc-shuffle-btn:active{transform:scale(.98)}.cc-upload-progress{margin-bottom:4px}.cc-upload-progress-track{height:4px;background:var(--cc-border);border-radius:2px;overflow:hidden;margin-bottom:6px}.cc-upload-progress-fill{height:100%;background:var(--cc-green);border-radius:2px;transition:width .3s ease}.cc-upload-progress-label{font-family:DM Sans,sans-serif;font-size:11px;color:var(--cc-muted);text-align:center}.cc-field{margin-bottom:14px}.cc-field label{display:block;font-size:11px;color:var(--cc-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-family:DM Sans,sans-serif}.cc-field input,.cc-field textarea{width:100%;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;resize:none}.cc-field input:focus{border-color:var(--cc-accent)}.cc-field-row{display:flex;gap:8px}.cc-field-row .cc-field{flex:1}.cc-field-row .cc-field--narrow{flex:0 0 60px}.cc-field-row .cc-field--narrow input{text-align:center;padding:10px 4px}.cc-required{color:#e53e3e;margin-left:3px;font-size:11px}.cc-field input.cc-field--error{border-color:#e53e3e;background:#fff8f8}.cc-field input.cc-field--error:focus{border-color:#e53e3e}.cc-filter-row,.cc-bg-row{display:flex;gap:8px;flex-wrap:wrap}.cc-filter-btn,.cc-bg-btn{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-muted);font-family:DM Sans,sans-serif;font-size:12px;padding:8px 16px;cursor:pointer;transition:all .18s}.cc-filter-btn:hover,.cc-bg-btn:hover{border-color:#aaa;color:var(--cc-text)}.cc-filter-btn.active,.cc-bg-btn.active{border-color:var(--cc-accent);color:var(--cc-accent);background:#0000000a;font-weight:500}.cc-variant-block{margin-top:4px}.cc-variant-label{font-size:11px;color:var(--cc-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;margin-top:16px;font-family:DM Sans,sans-serif;display:block}.cc-variant-label:first-of-type{margin-top:0}.cc-variant-pills{display:flex;flex-wrap:wrap;gap:8px}.cc-pill{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text);font-family:DM Sans,sans-serif;font-size:13px;padding:8px 16px;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.cc-pill:hover{border-color:#aaa}.cc-pill.active{border-color:var(--cc-accent);background:#0000000a;color:var(--cc-accent);font-weight:500}.cc-pill.unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.cc-price-display{margin-top:20px;font-family:DM Sans,sans-serif}.cc-price-row{display:flex;align-items:baseline;gap:10px}.cc-price-current{font-size:24px;font-weight:500;color:var(--cc-text)}.cc-price-compare{font-size:14px;color:var(--cc-muted);text-decoration:line-through;font-family:DM Sans,sans-serif}.cc-price-note{font-size:12px;color:var(--cc-muted);margin-top:4px}.cc-atc-btn{width:100%;background:var(--cc-accent);color:#fff;border:none;border-radius:6px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:16px;cursor:pointer;margin-top:20px;transition:opacity .2s,transform .1s;letter-spacing:.02em}.cc-atc-btn:hover{opacity:.82}.cc-atc-btn:active{transform:scale(.99)}.cc-atc-btn:disabled{background:#ccc;cursor:not-allowed;opacity:1}.cc-error{display:none;background:#fff3f3;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px;padding:10px 14px;margin-top:12px;font-family:DM Sans,sans-serif}.cc-error.visible{display:block}.cc-badges{display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--cc-border);flex-wrap:wrap}.cc-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--cc-muted);font-family:DM Sans,sans-serif}.cc-badge-icon{font-size:16px}.cc-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--cc-border)}.cc-nav-btn{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .18s;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text)}.cc-nav-btn:hover{border-color:var(--cc-accent);color:var(--cc-accent)}.cc-nav-next{background:var(--cc-accent);color:#fff;border-color:var(--cc-accent)}.cc-nav-next:hover{opacity:.82;color:#fff}.cc-review-summary{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;padding:14px 16px;margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.9;color:var(--cc-text)}.cc-review-summary strong{color:var(--cc-muted);font-weight:400;margin-right:6px}.cc-preview-side{padding-left:50px;position:sticky;top:100px;display:flex;flex-direction:column;align-items:center}.cc-preview-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:20px;align-self:flex-start;font-family:DM Sans,sans-serif}.cc-poster-shell{filter:drop-shadow(0 20px 40px rgba(0,0,0,.15)) drop-shadow(0 4px 8px rgba(0,0,0,.08));transition:transform .3s ease;width:100%;max-width:340px}.cc-poster-shell:hover{transform:translateY(-4px)}#cc-poster{width:100%;background:#fff;border-radius:2px;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;padding:16px;transition:background .25s}#cc-poster.cc-ratio-2-3{aspect-ratio:2 / 3}#cc-poster.cc-ratio-3-4{aspect-ratio:3 / 4}#cc-poster.cc-ratio-4-5{aspect-ratio:4 / 5}#cc-poster.cc-ratio-5-7{aspect-ratio:5 / 7}.cc-poster-header{text-align:center;font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#1a1a1a;font-weight:300;margin-bottom:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px}.cc-p-divider{opacity:.35}.cc-poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--cc-poster-gap);flex:1;min-height:0}.cc-poster-grid.cc-grid-12{grid-template-rows:repeat(4,1fr)}.cc-poster-cell--hidden{display:none!important}.cc-poster-cell{position:relative;overflow:hidden;background:#e8e5e0}.cc-poster-cell:before{content:"";display:block;padding-top:100%}.cc-poster-cell-empty{position:absolute;top:0;right:0;bottom:0;left:0;background:#e8e5e0;transition:background .25s}.cc-poster-cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cc-poster-footer{text-align:center;flex-shrink:0;margin-top:10px}.cc-poster-headline{font-family:Caveat,cursive;font-size:clamp(18px,4.5vw,28px);font-weight:500;color:#1a1a1a;line-height:1.1;margin-bottom:4px;word-break:break-word}.cc-poster-subline{font-family:DM Sans,sans-serif;font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:#555;font-weight:300}.cc-adjust-inner{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px}.cc-adjust-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;color:var(--cc-text)}.cc-adjust-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--cc-muted);padding:4px}.cc-adjust-preview-wrap{width:100%;border-radius:8px;overflow:hidden;background:#000;cursor:grab;box-sizing:border-box}.cc-adjust-preview-wrap:active{cursor:grabbing}#cc-adjust-canvas{display:block;touch-action:none;max-width:100%}.cc-adjust-hint{font-family:DM Sans,sans-serif;font-size:11px;color:var(--cc-muted)}.cc-adjust-arrows{display:flex;flex-direction:column;align-items:center;gap:6px}.cc-arrow-mid{display:flex;gap:6px;align-items:center}.cc-arrow-btn{width:40px;height:40px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cc-arrow-btn:hover{background:#eee}@media(max-width:860px){.cc-wrapper{padding:24px 16px 60px}.cc-product-title{font-size:22px;margin-bottom:24px}.cc-workspace{grid-template-columns:1fr}.cc-preview-side{order:-1;padding-left:0;padding-bottom:36px;position:static;width:100%}.cc-poster-shell{max-width:100%}.cc-controls{padding-right:0;order:1}.cc-step-nav{position:sticky;bottom:0;background:#fff;padding:12px 0 4px;z-index:10}}.cc-drag-handle{position:absolute;top:4px;left:4px;z-index:5;background:#0000008c;color:#fff;font-size:14px;line-height:1;padding:3px 5px;border-radius:3px;cursor:grab;display:none;user-select:none;-webkit-user-select:none}.cc-drag-handle:active{cursor:grabbing}.cc-cell.has-photo .cc-drag-handle{display:block}.cc-cell.cc-dragging{opacity:.4;transform:scale(.97)}.cc-cell.cc-drag-over{outline:2px solid var(--cc-accent);outline-offset:-2px;background:#0000000f}
/*# sourceMappingURL=/cdn/shop/t/32/assets/custom-collage.css.map */