:root{--text: #4a4553;--text-muted: #7a7488;--text-h: #17141f;--bg: #faf9fc;--surface: #ffffff;--border: #e6e3ee;--border-strong: #d3cee2;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-bg: rgba(124, 58, 237, .08);--accent-border: rgba(124, 58, 237, .35);--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--shadow-sm: 0 1px 2px rgba(23, 20, 31, .06);--shadow-md: 0 4px 12px rgba(23, 20, 31, .08), 0 1px 3px rgba(23, 20, 31, .06);--shadow-lg: 0 12px 32px rgba(23, 20, 31, .12), 0 2px 6px rgba(23, 20, 31, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--sans: "Inter", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.55 var(--sans);color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--text: #b9b4c6;--text-muted: #8b8599;--text-h: #f5f3fa;--bg: #131218;--surface: #1b1a22;--border: #2c2a36;--border-strong: #3a3745;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-bg: rgba(167, 139, 250, .12);--accent-border: rgba(167, 139, 250, .4);--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--sans);color:var(--text-h);font-weight:600;margin:0 0 .5em;letter-spacing:-.02em}h1{font-size:2.5rem;line-height:1.15}h2{font-size:1.75rem;line-height:1.2}h3{font-size:1.25rem;line-height:1.3}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.page{flex:1;width:100%}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.container-narrow{width:100%;max-width:640px;margin:0 auto;padding:0 24px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-xs{gap:8px}.gap-sm{gap:12px}.gap-md{gap:20px}.gap-lg{gap:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .05s ease;text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);text-decoration:none}.btn-secondary{background:var(--surface);color:var(--text-h);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);text-decoration:none}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--accent-bg);text-decoration:none}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);text-decoration:none}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label{font-size:.85rem;font-weight:600;color:var(--text-h)}.field input,.field select,.field textarea{padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);font-size:.95rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.field-hint{font-size:.8rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-accent{background:var(--accent-bg);color:var(--accent)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--border);color:var(--text)}.alert{border-radius:var(--radius-sm);padding:14px 16px;font-size:.9rem;border:1px solid transparent}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.alert-success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-sm{font-size:.875rem}@media(max-width:640px){h1{font-size:2rem}h2{font-size:1.4rem}.card{padding:20px}}.navbar{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{font-weight:700;font-size:1.1rem;color:var(--text-h)}.navbar-brand:hover{text-decoration:none}.navbar-links{flex-wrap:wrap}.navbar-links a{color:var(--text);font-size:.92rem;font-weight:500}.navbar-links a:hover{color:var(--accent);text-decoration:none}@media(max-width:640px){.navbar-inner{flex-direction:column;height:auto;padding:12px 0;gap:10px}}.spinner-wrap{justify-content:center}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.landing-hero{padding:72px 24px;background:linear-gradient(180deg,var(--accent-bg),transparent);border-bottom:1px solid var(--border)}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.landing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.landing-grid{grid-template-columns:1fr}.landing-hero{padding:48px 20px}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}.pricing-card{position:relative;text-align:center}.pricing-card-featured{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-price{font-size:2rem;font-weight:700;color:var(--text-h);margin:8px 0 4px}@media(max-width:800px){.pricing-grid{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-md);padding:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:220px;background:var(--bg);transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:var(--accent)}.dropzone-active{border-color:var(--accent);background:var(--accent-bg)}.dropzone-disabled{cursor:not-allowed;opacity:.6}.dropzone-preview{max-width:100%;max-height:320px;border-radius:var(--radius-sm);object-fit:contain}.occasion-grid{display:flex;flex-wrap:wrap;gap:10px}.occasion-chip{padding:9px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.occasion-chip:hover:not(:disabled){border-color:var(--accent)}.occasion-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.occasion-chip:disabled{opacity:.5;cursor:not-allowed}.result-thumbnail{padding:8px}.result-thumbnail-image-link{display:block}.result-thumbnail-image{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg);display:flex;align-items:center;justify-content:center}.result-thumbnail-loading{background:var(--accent-bg)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}