@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:20%}.cc-step-labels{display:flex;justify-content:space-between;gap:4px}.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;white-space:nowrap}.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-step-intro{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55;color:var(--cc-muted);margin:-8px 0 16px}.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-photo-grid--single{grid-template-columns:1fr}.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;display:flex;gap:8px}.cc-undo-btn{flex:0 0 auto;width:auto!important;padding-left:16px!important;padding-right:16px!important}.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-phrase-row{display:flex;gap:8px;align-items:stretch}.cc-select{flex:1;min-width:0;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;cursor:pointer}.cc-select:focus{border-color:var(--cc-accent)}.cc-select optgroup{font-family:DM Sans,sans-serif;font-weight:600}.cc-select option{font-weight:400}.cc-phrase-edit{flex:0 0 auto;padding:0 14px;border-radius:6px;border:1px solid var(--cc-border);background:transparent;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--cc-muted);cursor:pointer;transition:all .2s;white-space:nowrap}.cc-phrase-edit:hover{border-color:var(--cc-accent);color:var(--cc-text)}.cc-quality{display:flex;align-items:flex-start;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;line-height:1.45;padding:10px 12px;border-radius:8px;border:1px solid;margin-bottom:14px}.cc-quality-icon{flex-shrink:0;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.cc-quality--good{background:#f2fbf5;border-color:#b8e6c8;color:#1f5130}.cc-quality--good .cc-quality-icon{background:#2f9e58}.cc-quality--low{background:#fffdf0;border-color:#e8d068;color:#574000}.cc-quality--low .cc-quality-icon{background:#d3a41a}.cc-quality--verylow{background:#fef7f7;border-color:#fecaca;color:#7a1f1f}.cc-quality--verylow .cc-quality-icon{background:#e53e3e}.cc-cell.cc-cell--lowres{border-color:#e8b93e;box-shadow:0 0 0 3px #e8b93e2e}.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-crop-summary{font-family:DM Sans,sans-serif;font-size:12.5px;line-height:1.55;color:#3a4a5c;background:#f4f8ff;border:1px solid #c9dcf7;border-radius:8px;padding:10px 12px;margin-bottom:14px}.cc-crop-summary strong{color:#1c3a5e;font-weight:500}.cc-crop-done{color:var(--cc-green);font-weight:500}.cc-crop-actions{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.cc-crop-actions .cc-shuffle-btn{flex:1}.cc-crop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px;--cc-crop-aspect: 1}.cc-crop-grid--single{grid-template-columns:1fr}.cc-crop-tile{position:relative;padding:0;overflow:hidden;cursor:pointer;aspect-ratio:var(--cc-crop-aspect);border:1.5px solid var(--cc-border);border-radius:6px;background:#f0efec;transition:border-color .18s,transform .12s;display:block;width:100%}.cc-crop-tile:hover{border-color:var(--cc-accent)}.cc-crop-tile:active{transform:scale(.985)}.cc-crop-tile:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-crop-tile-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.cc-crop-tile-num{position:absolute;top:4px;left:4px;z-index:2;background:#0000008c;color:#fff;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;line-height:1;padding:3px 5px;border-radius:3px}.cc-crop-tile-tag{position:absolute;bottom:4px;left:4px;right:4px;z-index:2;background:#0000008c;color:#fff;font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:4px 5px;border-radius:3px;text-align:center}.cc-crop-tile-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .18s}.cc-crop-tile:hover .cc-crop-tile-hint,.cc-crop-tile:focus-visible .cc-crop-tile-hint{opacity:1}.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,background .35s ease;width:100%;max-width:340px;padding:var(--cc-frame-w);--cc-frame-w: 14px;--cc-frame-face: transparent;--cc-frame-edge: transparent}.cc-poster-shell:hover{transform:translateY(-4px)}.cc-poster-shell.cc-framed{background:var(--cc-frame-face);border-radius:3px;box-shadow:inset 0 0 0 1px var(--cc-frame-edge),inset 0 0 12px #0000004d}.cc-poster-shell.cc-framed #cc-poster{border-radius:0;box-shadow:0 0 0 1px #0003}@keyframes cc-frame-snap{0%{transform:scale(1.05)}55%{transform:scale(.985)}to{transform:scale(1)}}.cc-poster-shell.cc-frame-snap{animation:cc-frame-snap .42s cubic-bezier(.2,.9,.3,1.25)}@media(prefers-reduced-motion:reduce){.cc-poster-shell.cc-frame-snap{animation:none}}#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);grid-template-rows: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-grid.cc-grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.cc-poster-cell--hidden{display:none!important}.cc-poster-cell{position:relative;overflow:hidden;background:#e8e5e0;min-width:0;min-height:0}.cc-poster-cell-empty{position:absolute;top:0;right:0;bottom:0;left:0;background:#e8e5e0;transition:background .25s}.cc-poster-cell-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:2}.cc-poster-cell-img{display:none!important}.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-cropper-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000c7;align-items:center;justify-content:center;padding:16px}.cc-cropper-inner{background:#fff;border-radius:14px;padding:18px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 32px);overflow-y:auto}.cc-cropper-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:DM Sans,sans-serif}.cc-cropper-title{font-size:15px;font-weight:500;color:var(--cc-text)}.cc-cropper-count{font-size:11px;color:var(--cc-muted);letter-spacing:.06em}.cc-cropper-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--cc-muted);padding:4px;line-height:1}.cc-cropper-close:hover{color:var(--cc-text)}.cc-cropper-stage{width:100%;height:clamp(220px,46vh,420px);background:#101010;border-radius:10px;overflow:hidden}.cc-cropper-stage>img{display:block;max-width:100%}.cc-cropper-hint{font-family:DM Sans,sans-serif;font-size:11.5px;color:var(--cc-muted);text-align:center;line-height:1.5}.cc-cropper-zoom-row{display:flex;align-items:center;gap:10px}.cc-cropper-zoom-icon{font-size:13px;color:var(--cc-muted);flex-shrink:0}.cc-cropper-zoom-icon--big{font-size:17px}#cc-cropper-zoom{flex:1;min-width:0;accent-color:var(--cc-accent);height:4px;cursor:pointer}.cc-cropper-footer{display:flex;gap:8px;align-items:center}.cc-cropper-btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:11px 14px;border-radius:8px;cursor:pointer;transition:all .18s;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text);white-space:nowrap}.cc-cropper-btn:hover:not(:disabled){border-color:var(--cc-accent)}.cc-cropper-btn:disabled{opacity:.4;cursor:not-allowed}.cc-cropper-btn--primary{flex:1;background:var(--cc-accent);color:#fff;border-color:var(--cc-accent)}.cc-cropper-btn--primary:hover:not(:disabled){opacity:.85}.cc-cropper-stage .cropper-view-box{outline:2px solid rgba(255,255,255,.95);outline-offset:-1px}.cc-cropper-stage .cropper-dashed{border-color:#ffffff8c}.cc-cropper-stage .cropper-modal{background:#000;opacity:.55}.cc-cropper-stage .cropper-face{background:transparent;cursor:grab}.cc-cropper-stage .cropper-line,.cc-cropper-stage .cropper-point{display:none!important}.cc-cropper-stage .cropper-center{display:none}@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-step-labels span{font-size:9px;letter-spacing:.04em}}.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}.cc-draft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:DM Sans,sans-serif;font-size:13px;background:#f4f8ff;border:1px solid #c9dcf7;color:#1c3a5e;border-radius:8px;padding:10px 12px;margin-bottom:16px}.cc-draft-actions{display:flex;gap:8px;flex-shrink:0}.cc-draft-btn{border:1px solid #c9dcf7;background:transparent;color:#1c3a5e;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s}.cc-draft-btn:hover{background:#e4eefb}.cc-draft-btn--primary{background:#1c3a5e;border-color:#1c3a5e;color:#fff}.cc-draft-btn--primary:hover{opacity:.88;background:#1c3a5e}
/*# sourceMappingURL=/cdn/shop/t/47/assets/custom-collage.css.map */