:root{--brand: #c8521a;--brand-hover: #a84215;--brand-light: #fef3ee;--brand-muted: #fbddd0;--surface-0: #0f0f0f;--surface-1: #f8f7f5;--surface-2: #ffffff;--surface-3: #f2f1ef;--surface-4: #e8e6e2;--text-primary: #111111;--text-secondary: #4a4a4a;--text-muted: #8c8c8c;--text-on-brand: #ffffff;--border: #e4e2de;--border-focus: #c8521a;--success: #1a6b3c;--success-bg: #edf7f1;--success-border: #b8deca;--warning-bg: #fefce8;--warning-border: #fde68a;--warning-text: #713f12;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 6px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 14px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 28px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--transition: all .18s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--surface-1);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}h1{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.03em}h2{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}h3{font-size:1.125rem;font-weight:700;line-height:1.3}h4{font-size:.9rem;font-weight:600;line-height:1.4}p{font-size:.9375rem;color:var(--text-secondary)}.navbar{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:200;box-shadow:var(--shadow-xs);width:100%}.brand{font-size:1.15rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:6px;flex-shrink:0}.brand .brand-accent{color:var(--brand)}.brand .brand-dot{color:var(--text-muted);font-weight:400}.navbar-right{display:flex;align-items:center;gap:16px}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{text-decoration:none;font-size:.8125rem;font-weight:600;padding:7px 14px;border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition);letter-spacing:.01em;white-space:nowrap}.nav-link:hover{background-color:var(--surface-3);color:var(--text-primary)}.nav-link.active{background-color:var(--text-primary);color:#fff}.lang-switcher{display:flex;align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;flex-shrink:0}.lang-btn{border:none;background:transparent;padding:5px 10px;font-size:.75rem;font-weight:700;color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.lang-btn.active{background:var(--surface-2);color:var(--brand);box-shadow:var(--shadow-xs)}.page-container{max-width:1080px;margin:0 auto;padding:32px 20px 60px;width:100%}.page-header{margin-bottom:28px}.page-header h2{margin-bottom:6px}.page-header p{font-size:.9rem;color:var(--text-muted);max-width:540px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px;width:100%}.card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:12px}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:3px}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field{margin-bottom:18px;width:100%}.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.field-hint{font-size:.75rem;color:var(--text-muted);margin-top:5px}input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);font-size:.9rem;font-family:inherit;color:var(--text-primary);background:var(--surface-2);transition:var(--transition);min-height:44px}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #c8521a1f}input[type=file]{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;min-height:140px;padding:24px;border-radius:var(--radius-lg);border:2px dashed var(--border);cursor:pointer;transition:var(--transition);background:var(--surface-3);color:var(--text-muted);font-size:.875rem;font-weight:500;text-align:center}.file-upload-label:hover{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.file-upload-label .upload-icon{font-size:1.75rem;opacity:.7}.file-upload-label.has-file{border-style:solid;border-color:var(--brand-muted);background:var(--brand-light);color:var(--brand);flex-direction:row;min-height:auto;padding:14px 16px}.image-preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-3);border:1px solid var(--border)}.image-preview-container img{width:100%;height:180px;object-fit:cover;display:block}.toggle-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-2);transition:var(--transition);min-height:44px}.toggle-wrapper:hover{border-color:var(--brand);background:var(--brand-light)}.toggle-wrapper.active{border-color:var(--success);background:var(--success-bg)}.toggle-switch{position:relative;width:36px;height:20px;background:var(--surface-4);border-radius:var(--radius-full);transition:var(--transition);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:var(--transition);box-shadow:var(--shadow-xs)}.toggle-wrapper.active .toggle-switch{background:var(--success)}.toggle-wrapper.active .toggle-switch:after{transform:translate(16px)}.toggle-text{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.toggle-wrapper.active .toggle-text{color:var(--success)}.btn{font-family:var(--font-sans);font-size:.875rem;font-weight:600;padding:12px 20px;border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;letter-spacing:.01em;min-height:44px}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 1px 3px #c8521a59,0 1px 2px #0000000f}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 4px 12px #c8521a59;transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--surface-3);color:var(--text-primary);border-color:#ccc}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--surface-3);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 1px 3px #1a6b3c59}.btn-success:hover{background:#155c32;transform:translateY(-1px);box-shadow:0 4px 12px #1a6b3c4d}.btn-lg{font-size:.9375rem;padding:14px 24px;border-radius:var(--radius-md)}.btn-sm{font-size:.75rem;padding:8px 14px;border-radius:var(--radius-sm);min-height:36px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-recording{background:#991b1b;color:#fff;border-color:#991b1b;animation:pulse-record 1.4s ease-in-out infinite}@keyframes pulse-record{0%,to{box-shadow:0 0 #991b1b66}50%{box-shadow:0 0 0 8px #991b1b00}}.btn-whatsapp{background:#128c7e;color:#fff;border-color:#128c7e;width:100%;box-shadow:0 1px 3px #128c7e4d}.btn-whatsapp:hover{background:#0e6f64;transform:translateY(-1px);box-shadow:0 4px 12px #128c7e4d}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-handmade{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-tier{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.tag{display:inline-block;background:var(--surface-3);color:var(--text-secondary);padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;border:1px solid var(--border)}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.alert{padding:14px 16px;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;border:1px solid transparent;margin-bottom:16px}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.recorder-box{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:18px;background:var(--surface-3);text-align:center;transition:var(--transition)}.recorder-box.recording{border-color:#fca5a5;background:#fef2f2}.recorder-visualizer{display:flex;align-items:center;justify-content:center;gap:4px;margin:12px 0;height:28px}.recorder-bar{width:4px;background:var(--brand);border-radius:2px;animation:wave .8s ease-in-out infinite alternate}.recorder-bar:nth-child(1){animation-delay:0s;height:8px}.recorder-bar:nth-child(2){animation-delay:.1s;height:16px}.recorder-bar:nth-child(3){animation-delay:.2s;height:22px}.recorder-bar:nth-child(4){animation-delay:.3s;height:14px}.recorder-bar:nth-child(5){animation-delay:.4s;height:20px}.recorder-bar:nth-child(6){animation-delay:.3s;height:12px}.recorder-bar:nth-child(7){animation-delay:.2s;height:18px}@keyframes wave{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.recording-bar{background:#ef4444}.recorder-status{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-top:4px}.price-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.price-preset{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:12px 10px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--surface-2)}.price-preset:hover{border-color:var(--brand);background:var(--brand-light)}.price-preset.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 3px #c8521a1a}.preset-tier{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:block;margin-bottom:4px}.price-preset.selected .preset-tier{color:var(--brand)}.preset-price{font-size:1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.price-preset.selected .preset-price{color:var(--brand)}.artisan-estimate-chip{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:5px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin:6px 0}.reasoning-list{list-style:none;padding:0;margin:0}.reasoning-list li{font-size:.8125rem;color:var(--text-secondary);padding:5px 0 5px 18px;position:relative;line-height:1.4;border-bottom:1px solid var(--surface-3)}.reasoning-list li:last-child{border-bottom:none}.reasoning-list li:before{content:"→";position:absolute;left:0;color:var(--brand);font-size:.7rem;top:6px}.studio-output{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:repeating-conic-gradient(#e8e6e2,#e8e6e2 25%,#f8f7f5 0%,#f8f7f5 50%) 0 / 16px 16px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.studio-output img{width:100%;height:100%;object-fit:contain}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:var(--transition);width:100%}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-muted)}.product-image-wrapper{position:relative;background:var(--surface-3);overflow:hidden}.product-image{width:100%;height:230px;object-fit:cover;display:block;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.03)}.product-badge-overlay{position:absolute;top:10px;left:10px}.product-info{padding:18px 18px 20px;display:flex;flex-direction:column;flex-grow:1}.product-category{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:5px}.product-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.45;margin-bottom:16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:14px}.login-layout{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;gap:60px;padding:40px 24px;width:100%}.login-hero{max-width:440px}.login-hero h1{font-size:2.5rem;font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.login-hero h1 .accent{color:var(--brand)}.login-hero p{font-size:1rem;margin-bottom:28px;line-height:1.6}.feature-list{list-style:none;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.feature-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.feature-icon.orange{background:var(--brand-light)}.feature-icon.green{background:var(--success-bg)}.feature-icon.blue{background:#eff6ff}.login-form-panel{width:100%;max-width:400px}.tab-switcher{display:flex;background:var(--surface-3);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.tab-option{flex:1;padding:8px;border-radius:var(--radius-sm);border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.tab-option.active{background:var(--surface-2);color:var(--text-primary);box-shadow:var(--shadow-xs)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider-text{font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.quick-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-access-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;transition:var(--transition);text-decoration:none;text-align:center}.quick-access-btn:hover{border-color:var(--brand);background:var(--brand-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-access-icon{font-size:1.5rem}.quick-access-label{font-size:.8rem;font-weight:700;color:var(--text-primary)}.quick-access-desc{font-size:.7rem;color:var(--text-muted)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-xs)}.stat-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:1.375rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stat-value.brand{color:var(--brand)}.hr{height:1px;background:var(--border);border:none;margin:24px 0}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.success-banner{background:linear-gradient(135deg,#065f46,#047857);color:#fff;border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.success-banner-content h4{font-size:1rem;font-weight:700;margin-bottom:4px}.success-banner-content p{font-size:.8125rem;color:#ffffffbf}.empty-state{text-align:center;padding:64px 24px;border:2px dashed var(--border);border-radius:var(--radius-lg)}.empty-state-icon{font-size:2.5rem;margin-bottom:14px;opacity:.5}.empty-state h3{margin-bottom:6px}.empty-state p{font-size:.875rem;color:var(--text-muted)}@media (max-width: 768px){.navbar{padding:0 16px;height:58px}.nav-links{gap:2px}.nav-link{padding:6px 10px;font-size:.75rem}.page-container{padding:20px 14px 40px}.grid-2{grid-template-columns:1fr;gap:16px}.grid-3{grid-template-columns:1fr;gap:10px}.login-layout{flex-direction:column;align-items:stretch;gap:28px;padding:24px 14px}.login-hero{max-width:100%;text-align:center}.login-hero h1{font-size:1.85rem}.feature-list li{justify-content:flex-start;text-align:left}.login-form-panel{max-width:100%}.stat-row{grid-template-columns:1fr 1fr;gap:10px}.price-preset-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.card{padding:18px 14px;border-radius:var(--radius-md)}.btn{width:100%}.success-banner{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.brand{font-size:1rem}.navbar-right{gap:8px}.lang-btn{padding:4px 7px;font-size:.7rem}.stat-row,.price-preset-grid,.quick-access-grid,.marketplace-grid{grid-template-columns:1fr}}