*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#customizer-app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}header h1{color:#2c3e50;font-size:2.5rem}.controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.controls label{font-weight:600;margin-right:10px}.controls select,.controls button{padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s ease}.controls select:focus,.controls button:hover{border-color:#3498db;outline:none}.controls button{background-color:#3498db;color:#fff;border:none}.controls button:disabled{background-color:#bdc3c7;cursor:not-allowed}.controls button:hover:not(:disabled){background-color:#2980b9}.color-palette{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.color-option{width:36px;height:36px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.color-option:hover{transform:scale(1.1);border-color:#bbb}.color-option.active{border-color:#2c3e50;transform:scale(1.2);box-shadow:0 0 0 3px #2c3e5033}.palette-group{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e3e3e3;border-radius:8px;background:#fafafa}.palette-group--premium{background:#fff9ec;border-color:#f0d06b;box-shadow:inset 0 0 0 1px #f7e3a1}.palette-label{font-weight:700;font-size:.95rem;color:#2c3e50;min-width:120px}.palette-group .palette-label{display:inline-block}.palette-options{display:flex;gap:10px;align-items:center}.svg-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.svg-container svg{width:100%;height:auto;display:block}svg path[paintable]{transition:fill .2s ease}svg path[paintable]:hover{opacity:.8}#svg-loader{padding:40px;text-align:center;color:#7f8c8d;font-style:italic}@media(max-width:768px){.controls{flex-direction:column;align-items:stretch}.controls select,.controls button{width:100%}.color-palette{flex-direction:column;align-items:stretch}.palette-group{width:100%}.palette-options{flex-wrap:wrap}#customizer-app{padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/customizer.css.map */