.customizer{display:flex;flex-direction:column;gap:1rem}.customizer__view-tabs{display:flex;gap:.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:.25rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.customizer__view-tab{flex:1;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-neutral);border-radius:calc(var(--border-radius) - 2px);cursor:pointer;transition:all var(--transition-fast)}.customizer__view-tab:hover{color:var(--color-dark);background:#d4a85324;border-color:var(--color-primary)}.customizer__view-tab--active,.customizer__view-tab--active:hover{color:var(--color-dark);font-weight:700;background:var(--gradient-gold);border-color:transparent;box-shadow:var(--shadow-sm),inset 0 0 0 1px #0000000d}.customizer__canvas-container{position:relative;width:100%;border-radius:var(--border-radius);overflow:hidden;background-color:#fff;box-shadow:var(--shadow-md)}.customizer__canvas-container canvas{display:block;width:100%;height:auto}.customizer__section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin:0 0 .5rem}.customizer__location-grid{display:flex;flex-wrap:wrap;gap:.375rem}.customizer__location-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text);background:var(--color-background);border:1.5px solid var(--color-neutral);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.customizer__location-btn:hover{color:var(--color-dark);border-color:var(--color-primary);background:#d4a8530d}.customizer__location-btn--active{color:var(--color-dark);border-color:var(--color-primary);background:#d4a8531f;box-shadow:0 0 0 1px var(--color-primary)}.customizer__location-btn--sibling-occupied{opacity:.75;border-style:dashed}.customizer__location-btn--sibling-occupied:hover{opacity:1;background:#d4a8530d}.customizer__location-btn--sibling-occupied:after{content:" (replaces)";font-size:.6875rem;font-weight:500;opacity:.8}.customizer__upload-section{padding:1rem;background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--border-radius)}.customizer__upload-row{display:flex;align-items:center;gap:.5rem}.customizer__upload-btn{display:inline-flex;align-items:center;gap:.5rem;flex:1}.customizer__upload-btn svg{flex-shrink:0}.customizer__clear-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text);background:none;border:1.5px solid var(--color-neutral);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.customizer__clear-btn:hover{color:var(--color-error);border-color:var(--color-error)}.customizer__upload-input{display:none}.customizer__upload-preview{margin-top:.75rem;border-radius:var(--border-radius-sm);overflow:hidden;border:1px solid var(--color-neutral);max-width:80px}.customizer__upload-preview img{display:block;width:100%;height:auto;object-fit:contain;max-height:80px;background:#fff}.customizer__upload-name{font-size:.75rem;color:var(--color-text);margin:.375rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.customizer__status{font-size:.75rem;margin:.375rem 0 0;min-height:1em}.customizer__status--success{color:var(--color-success)}.customizer__status--error{color:var(--color-error)}@media(max-width:989px){.customizer__location-grid{gap:.25rem}.customizer__location-btn{font-size:.75rem;padding:.4375rem .75rem}}@media(pointer:coarse){.customizer__location-btn{min-height:44px;padding:.625rem 1rem}.customizer__upload-btn{min-height:44px}.customizer__clear-btn{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-customizer.css.map */