:root{--phx-gold: #C5A059;--phx-gold-muted: rgba(197, 160, 89, .2);--phx-dark: #1A1A1A;--phx-dark-surface: #242424;--phx-text-light: #F5F5F5;--phx-text-muted: rgba(245, 245, 245, .6);--phx-border: rgba(255, 255, 255, .1);--phx-radius: 12px;--phx-radius-sm: 8px;--phx-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.phx-customizer{margin:1.5rem 0;font-family:var(--text-font-family, sans-serif)}.phx-toggle-btn{width:100%;padding:12px 24px;background:var(--phx-btn-bg, #4CAF50);color:var(--phx-btn-text, #ffffff);border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--phx-transition);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #0000001a}.phx-toggle-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.phx-toggle-btn.active{background:var(--phx-bg, var(--phx-dark-surface));color:var(--phx-gold);box-shadow:none}.phx-content-wrapper{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out;background:var(--phx-bg, var(--phx-dark-surface));border-radius:var(--phx-radius);margin-top:10px}.phx-content-wrapper.open{max-height:1200px;border:1px solid var(--phx-border);margin-bottom:20px}.phx-customizer-inner{padding:20px;display:flex;flex-direction:column;gap:20px}.phx-step{display:flex;flex-direction:column;gap:8px}.phx-label-group{display:flex;align-items:center;justify-content:space-between}.phx-label{font-weight:600;font-size:.9rem;color:var(--phx-text, var(--phx-text-light));display:flex;align-items:center;gap:6px}.phx-info-icon{cursor:help;opacity:.5;transition:opacity .2s}.phx-info-icon:hover{opacity:1}.phx-input-wrapper{position:relative}.phx-text-input{width:100%;background:#0000004d;border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm);padding:12px 16px;color:var(--phx-text, white);font-size:1rem;transition:border-color .3s}.phx-text-input:focus{outline:none;border-color:var(--phx-gold)}.phx-char-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--phx-text-muted)}.phx-upload-zone{border:2px dashed var(--phx-border);border-radius:var(--phx-radius-sm);padding:30px;text-align:center;cursor:pointer;transition:var(--phx-transition);background:#ffffff05}.phx-upload-zone:hover,.phx-upload-zone.dragover{border-color:var(--phx-gold);background:#c5a0590d}.phx-upload-icon{font-size:2rem;margin-bottom:10px;display:block}.phx-upload-text{font-size:.9rem;color:var(--phx-text, var(--phx-text-light))}.phx-upload-hint{font-size:.75rem;color:var(--phx-text-muted);margin-top:4px}.phx-preview-container{margin-top:15px;display:none;position:relative;width:100px;height:100px}.phx-preview-img{width:100%;height:100%;object-fit:cover;border-radius:var(--phx-radius-sm);border:1px solid var(--phx-gold)}.phx-remove-preview{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border:none}.phx-directions{background:#0003;padding:12px;border-left:3px solid var(--phx-gold);border-radius:4px}.phx-directions p{margin:0;font-size:.85rem;line-height:1.4;color:var(--phx-text, var(--phx-text-light))}.phx-font-step{padding-top:5px}.phx-label-sm{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:4px;font-weight:600}.phx-select{width:100%;background:#0000004d;border:1px solid var(--phx-border);border-radius:var(--phx-radius-sm);padding:10px 16px;color:var(--phx-text, white);font-size:.9rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.phx-select:focus{outline:none;border-color:var(--phx-gold)}.phx-custom-font-input{font-size:.9rem!important;padding:10px 16px!important}.phx-upload-status{display:block;font-size:.75rem;margin-top:6px;min-height:1em}.phx-upload-zone.uploading{opacity:.6;pointer-events:none}.phx-divider{border-top:1px solid var(--phx-border);margin:4px 0}
/*# sourceMappingURL=/cdn/shop/t/28/assets/phoenix-customizer-simple.css.map */