.custom-photo-view{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.custom-photo-breadcrumb{margin-bottom:0}.custom-photo-title{font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:600;color:var(--text);margin:0;line-height:1.2}@media(min-width:768px){.custom-photo-view{display:grid;grid-template-columns:1fr 420px;grid-template-rows:auto auto 1fr;grid-template-areas:"nav     nav" "title   title" "board   panel";column-gap:3rem;row-gap:0;padding:2rem 2rem 4rem;align-items:start}.custom-photo-breadcrumb{grid-area:nav;margin-bottom:.5rem}.custom-photo-title{grid-area:title;margin-bottom:1.5rem}.custom-photo-board-shell{grid-area:board;position:sticky;top:2rem;align-self:start}.custom-photo-panel{grid-area:panel;display:flex;flex-direction:column;gap:0}}.custom-photo-board-shell{position:relative;width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014,0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.08);overflow:hidden}.custom-photo-board{width:100%;height:100%}.custom-photo-board canvas{display:block}.custom-photo-board-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#ffffffb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--text-muted);font-family:Molengo,sans-serif;font-size:.9375rem;opacity:0;transition:opacity var(--transition-normal)}.custom-photo-board-overlay.visible{opacity:1}.custom-photo-board-overlay-copy{display:flex;flex-direction:column;align-items:center;gap:.625rem;text-align:center;padding:0 1.5rem}.custom-photo-board-overlay-copy svg{opacity:.45;color:var(--text-muted)}.custom-photo-board-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);z-index:2}.custom-photo-board-loader.visible{opacity:1}.custom-photo-board-loader-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);animation:cp-loader-pulse 1.4s ease-in-out infinite}@keyframes cp-loader-pulse{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}.custom-photo-panel{display:flex;flex-direction:column;gap:0}.custom-photo-color-picker{display:flex;align-items:stretch;gap:0;width:100%;padding:.25rem;margin:1.25rem 0 1rem;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-standard);background:#ffffffd9;box-shadow:0 1px 2px #0000000f;scrollbar-width:thin;scrollbar-color:rgba(101,1,24,.28) transparent}.custom-photo-color-picker::-webkit-scrollbar{height:6px}.custom-photo-color-picker::-webkit-scrollbar-thumb{background:#65011847;border-radius:999px}.custom-photo-color-picker::-webkit-scrollbar-track{background:transparent}.custom-photo-color-empty{margin:0;padding:.5rem .75rem;color:var(--text-muted);font-family:Molengo,sans-serif;font-size:.875rem}.custom-photo-swatch{cursor:pointer;flex:0 0 auto;min-height:var(--ctrl-btn-min-height-md);padding:0 var(--ctrl-btn-pad-x-md);border:none;border-right:1px solid rgba(0,0,0,.08);border-radius:calc(var(--radius-standard) - 2px);background:transparent;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;outline:none;white-space:nowrap;scroll-snap-align:start}.custom-photo-swatch:hover{background:#ffffff61}.custom-photo-swatch.selected{background:#ffffffeb;color:var(--primary);box-shadow:0 1px 4px #0000001f,0 0 0 1px rgba(var(--primary-rgb),.18)}.custom-photo-swatch:last-child{border-right:none}.custom-photo-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(var(--primary-rgb),.18)}.custom-photo-swatch-label{font-family:Molengo,sans-serif;font-size:var(--ctrl-btn-text-md);font-weight:500;color:inherit;white-space:nowrap}.custom-photo-meta-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--border);padding:1rem 0}.custom-photo-description{margin:0 0 1rem;color:var(--text-muted);font-family:Molengo,sans-serif;font-size:.9375rem;line-height:1.65}.custom-photo-description[hidden]{display:none}.custom-photo-description p{margin:0 0 .75rem}.custom-photo-description p:last-child{margin-bottom:0}.custom-photo-selected-color-label{font-family:Molengo,sans-serif;font-size:.9375rem;color:var(--text-muted)}.custom-photo-price{font-family:Cormorant Garamond,serif;font-size:1.625rem;font-weight:600;color:var(--primary);letter-spacing:-.01em}.cp-price-flash{animation:cp-price-flash .5s ease-out}@keyframes cp-price-flash{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.custom-photo-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;border:1.5px dashed var(--border);border-radius:8px;background:transparent;text-align:center;cursor:pointer;position:relative;transition:background var(--transition-normal),border-color var(--transition-normal);margin:.25rem 0 1rem}.custom-photo-upload-zone:hover{background:#65011808;border-color:#65011873}.custom-photo-upload-zone.drag-active{background:#6501180f;border-color:var(--primary);border-style:solid}.custom-photo-upload-zone.has-image{display:none}.custom-photo-upload-zone svg{color:var(--text-muted);opacity:.5}.custom-photo-upload-primary{font-family:Molengo,sans-serif;font-size:.9375rem;font-weight:500;color:var(--text);margin:0}.custom-photo-upload-secondary{font-size:.8125rem;color:var(--text-muted);margin:0}.custom-photo-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.custom-photo-actions-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.custom-photo-change-chip{display:inline-flex;align-items:center;gap:.375rem;padding:0 .875rem;height:2.25rem;background:var(--white);border:1.5px solid var(--border);border-radius:6px;font-family:Molengo,sans-serif;font-size:.8125rem;font-weight:500;color:var(--text);cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.custom-photo-change-chip:hover{border-color:var(--primary);background:#65011808}.custom-photo-change-chip input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.custom-photo-toolbar{display:flex;flex:1 1 14rem;flex-direction:row;gap:.5rem;align-items:center;justify-content:flex-end;margin-left:auto;min-width:0}.custom-photo-toolbar-btn{display:inline-flex;align-items:center;gap:.3125rem;padding:0 .75rem;height:2.25rem;border-radius:6px;background:transparent;border:1.5px solid var(--border);color:var(--text-muted);font-family:Molengo,sans-serif;font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.custom-photo-toolbar-btn:hover{background:var(--muted);color:var(--text);border-color:#6501184d}.custom-photo-toolbar-btn-danger:hover{color:var(--destructive);border-color:var(--destructive);background:#dc26260a}.custom-photo-add-btn{width:100%;padding:.875rem 1.5rem;background:var(--primary);color:var(--white);border:none;border-radius:6px;font-family:Molengo,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 2px 8px #6501182e;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:.25rem}.custom-photo-add-btn:disabled{background:#d4cdc8;color:#9e9690;cursor:not-allowed;box-shadow:none;transform:none}.custom-photo-add-btn:not(:disabled):hover{background:var(--primary-dark);box-shadow:0 4px 14px #65011847;transform:translateY(-1px)}.custom-photo-add-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 6px #65011833}.cp-pulse{animation:cp-pulse 1.6s ease-out}@keyframes cp-pulse{0%{box-shadow:0 0 #65011859}60%{box-shadow:0 0 0 10px #65011800}to{box-shadow:0 2px 8px #6501182e}}.custom-photo-cart-counter{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--primary);font-family:Molengo,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem 0;cursor:pointer;margin-top:.625rem;align-self:center;text-decoration:underline;text-underline-offset:2px;transition:opacity var(--transition-fast)}.custom-photo-cart-counter:hover{opacity:.7}.custom-photo-review-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.custom-photo-review-content{background:var(--white);width:100%;max-width:440px;border-radius:var(--radius-modal) var(--radius-modal) 0 0;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 -4px 24px #0000001f;animation:cp-modal-slide-up .28s cubic-bezier(.22,1,.36,1) forwards}.custom-photo-review-title{font-family:Cormorant Garamond,serif;font-size:1.375rem;font-weight:600;color:var(--text);margin:0;align-self:flex-start}.custom-photo-review-preview{width:100%;max-width:280px;aspect-ratio:1;object-fit:contain;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f}.custom-photo-review-meta{width:100%;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:1rem}.custom-photo-review-color-label{font-family:Molengo,sans-serif;font-size:.9375rem;color:var(--text-muted)}.custom-photo-review-price{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:var(--primary)}.custom-photo-review-actions{width:100%;display:flex;gap:.75rem}.custom-photo-review-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1rem;border-radius:6px;font-family:Molengo,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.custom-photo-review-btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--border)}.custom-photo-review-btn-secondary:hover{border-color:#65011866;background:var(--muted)}.custom-photo-review-btn-primary{background:var(--primary);color:var(--white);border:none;box-shadow:0 2px 8px #65011833}.custom-photo-review-btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #65011847;transform:translateY(-1px)}@keyframes cp-modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.custom-photo-review-modal{align-items:center;padding:2rem}.custom-photo-review-content{border-radius:var(--radius-modal);animation:cp-modal-fade-scale .25s cubic-bezier(.22,1,.36,1) forwards}}@keyframes cp-modal-fade-scale{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:767px){.custom-photo-title{font-size:1.375rem}.custom-photo-color-picker{width:calc(100% + .125rem)}.custom-photo-actions-row{flex-wrap:wrap}}@media(max-width:480px){.custom-photo-change-chip,.custom-photo-toolbar{flex-basis:100%}.custom-photo-toolbar{flex-basis:100%;justify-content:stretch;margin-left:0}.custom-photo-toolbar-btn{flex:1;justify-content:center}}