*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#eef2ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:1rem}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-4-1{grid-template-columns:3fr 1fr}@media (max-width:1024px){.grid-4-1{grid-template-columns:1fr}}.card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.card-compact{padding:1rem}.header{margin-bottom:2rem;text-align:center}.header h1{color:#1f2937;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.header p{color:#6b7280;font-size:.875rem}.camera-container{position:relative}.camera-canvas{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-height:400px;width:100%}.camera-controls{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff}.btn-secondary{background:#6b7280;color:#fff}.btn-small{font-size:.75rem;padding:.5rem 1rem}.control-section{margin-bottom:1.5rem}.control-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.control-section h3 span:first-child{font-size:1.25rem}.control-section h3 span:last-child{font-size:.875rem}.color-grid{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.color-grid-4{grid-template-columns:repeat(4,1fr)}.color-grid-3{grid-template-columns:repeat(3,1fr)}.color-btn{border:1px solid #d1d5db;border-radius:50%;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border:2px solid #1f2937;box-shadow:0 2px 8px #0003}.slider-container{margin-bottom:1rem}.slider-label{color:#374151;display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(45deg,#ec4899,#8b5cf6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.finish-options{display:flex;gap:.25rem}.finish-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.5rem;text-transform:capitalize;transition:all .2s ease}.finish-btn.active{background:#ec4899;color:#fff}.finish-btn:not(.active){background:#f3f4f6;color:#374151}.finish-btn:not(.active):hover{background:#e5e7eb}.error-overlay,.loading-overlay{align-items:center;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay{background:#f9fafb}.error-overlay{background:#fef2f2}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#ec4899;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.preview-section{background:linear-gradient(135deg,#fce7f3,#e0e7ff);border-radius:12px;padding:1rem;text-align:center}.preview-label{color:#6b7280;font-size:.75rem;margin-bottom:.5rem}.preview-colors{color:#374151;font-size:.75rem;gap:1rem;justify-content:center}.preview-color,.preview-colors{align-items:center;display:flex}.preview-color{gap:.25rem}.preview-dot{border:1px solid #d1d5db;border-radius:50%;height:12px;width:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:50}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;max-width:400px;padding:2rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modal img{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:1rem;width:100%}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1 1}@media (max-width:768px){.header h1{font-size:2rem}.card{padding:1rem}.color-grid{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.hidden{display:none}
/*# sourceMappingURL=main.6291d363.css.map*/