@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f9f6f1;--dark:#1a1a18;--gold:#c9a84c;--gl:#edd98a;--sage:#6b7f6a;--rust:#b85c38;--muted:#7a7870;--border:#e2ddd5;--white:#fff;--success:#3b6d11}body{background:var(--cream);color:var(--dark);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.serif{font-family:Playfair Display,serif}nav{background:var(--cream);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:18px 56px;display:flex;position:sticky;top:0}.nav-logo{cursor:pointer;font-family:Playfair Display,serif;font-size:22px;font-weight:600}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:var(--muted);cursor:pointer;font-size:14px;text-decoration:none;transition:color .2s}.btn-gold{background:var(--gold);color:var(--dark);cursor:pointer;border:none;border-radius:2px;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-gold:hover{background:#b8953e;transform:translateY(-1px)}.btn-outline{color:var(--dark);border:1.5px solid var(--dark);cursor:pointer;background:0 0;border-radius:2px;padding:11px 22px;font-size:13px;font-weight:500}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1100px;margin:0 auto;padding:80px 56px 60px;display:grid}.hero h1{margin-bottom:20px;font-family:Playfair Display,serif;font-size:50px;line-height:1.18}.hero h1 em{color:var(--gold);font-style:normal}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--cream);border-radius:6px;margin-bottom:24px;padding:52px 32px;transition:all .3s;position:relative}.drop-zone:hover{border-color:var(--gold)}.drop-zone.has-img{border-style:solid;padding:0;overflow:hidden}.preview-img{object-fit:cover;width:100%;max-height:420px;display:block}.progress-area{border:1px solid var(--border);background:#fff;border-radius:4px;margin-top:20px;padding:20px}.progress-row{color:var(--muted);align-items:center;gap:12px;padding:6px 0;font-size:12px;display:flex}.progress-bar{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.pb-fill{background:var(--gold);height:100%;transition:width .4s}.result-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.rc{border:1px solid var(--border);background:#fff;border-radius:4px;padding:22px}.pill{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;margin-right:8px;padding:8px 16px;font-size:12px}.pill.active{background:var(--dark);color:#fff;border-color:var(--dark)}.spinner{border:2px solid #0000001a;border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.hero,.result-grid{grid-template-columns:1fr;padding:40px 20px}nav{padding:14px 20px}.nav-links{display:none}}