@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--rose-powder: #f4dfd8;--rose-soft: #f8ece7;--petal: #e9c5bb;--petal-deep: #d8aa9d;--sage: #a5a489;--sage-soft: #dde0d1;--sand: #d8c1a5;--cream: #fff8f2;--cream-strong: rgba(255, 248, 242, .92);--ink: #5f4d47;--ink-strong: #433532;--muted: #7f6c67;--border: rgba(191, 168, 156, .38);--shadow-soft: 0 18px 45px rgba(169, 146, 136, .16);--shadow-hover: 0 28px 60px rgba(169, 146, 136, .22);--white-glow: rgba(255, 255, 255, .65);--success: #6c8d6b;--danger: #bd7265}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Segoe UI,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(circle at top left,rgba(221,224,209,.56),transparent 26%),radial-gradient(circle at top right,rgba(233,197,187,.44),transparent 24%),radial-gradient(circle at bottom left,rgba(216,193,165,.32),transparent 20%),linear-gradient(180deg,#fcf5f1,#f8ede7 52%,#f6ece4)}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(10px)}body:before{width:22rem;height:22rem;top:4rem;right:-6rem;background:#e9c5bb2e}body:after{width:18rem;height:18rem;left:-4rem;bottom:2rem;background:#dde0d13d}a{color:inherit}img{max-width:100%}table{width:100%;border-collapse:collapse}th,td{padding:1rem .9rem;border-bottom:1px solid rgba(191,168,156,.22);text-align:left;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.92rem 1rem;border-radius:20px;border:1px solid rgba(191,168,156,.28);background:#ffffffc7;color:var(--ink-strong);box-shadow:inset 0 1px #ffffffe6;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease}input::placeholder,textarea::placeholder{color:#8d7b75}input:hover,select:hover,textarea:hover{border-color:#d8aa9d8c;background:#ffffffe6}input:focus,select:focus,textarea:focus{outline:none;border-color:#a5a489b3;box-shadow:0 0 0 4px #dde0d194,inset 0 1px #fffffff2;transform:translateY(-1px)}textarea{resize:vertical;min-height:132px}label{display:grid;gap:.55rem}.app-shell{position:relative;min-height:100vh;z-index:1}.site-header{padding:1.35rem 1.2rem 0}.site-header__inner,.page-shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto}.site-header__inner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 1.45rem;border-radius:32px;background:linear-gradient(180deg,#fffaf6e0,#fff5efc2);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-column{display:flex;align-items:center;align-self:stretch}.brand-link{width:fit-content;display:inline-flex;align-items:center;gap:1.1rem;text-decoration:none}.brand-link__mark{width:4.85rem;height:4.25rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-link__logo{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(169,146,136,.12))}.brand-link__text{display:grid}.brand-link__title{font-size:clamp(2.15rem,4.2vw,3.2rem);line-height:.95;letter-spacing:-.05em;font-weight:700;color:var(--ink-strong)}.brand-link__subtitle{margin-top:.2rem;font-size:1.02rem;color:var(--muted);font-weight:500}.brand-link__meta{margin-top:.22rem;font-size:.84rem;color:var(--muted);font-weight:500;letter-spacing:-.01em}.header-actions{display:grid;justify-items:end;gap:.8rem}.header-pill,.secondary-link{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:999px;border:1px solid rgba(191,168,156,.3);background:#ffffffb8;box-shadow:0 12px 22px #a992881f;text-decoration:none;color:var(--ink-strong);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.header-pill:hover,.secondary-link:hover{transform:translateY(-2px);box-shadow:0 18px 32px #a992882e;border-color:#d8aa9d73;background:#ffffffeb}.header-palette{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px #ffffffe6}.header-palette__pill{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;box-shadow:0 8px 18px #a9928829;animation:float 6s ease-in-out infinite}.header-palette__pill svg{width:1.1rem;height:1.1rem}.header-palette__pill--sage{background:linear-gradient(135deg,#a8aa8c,#c4ccb6)}.header-palette__pill--rose{background:linear-gradient(135deg,#e5bcb4,#f0d4cc);animation-delay:.8s}.header-palette__pill--sand{background:linear-gradient(135deg,#e1ccb4,#efe5d7);color:#fff;animation-delay:1.6s}.page-shell{padding:1.6rem 0 3.25rem}.content-stack{display:grid;gap:1.2rem}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffcf8f0,#fff7f2e0);border:1px solid rgba(255,255,255,.72);border-radius:30px;box-shadow:var(--shadow-soft);padding:1.5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,transparent 100%);pointer-events:none}.panel--form{display:grid;gap:1.5rem}.hero-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:1.2rem;align-items:stretch}.hero-copy h1,.section-heading h1{margin:0;color:var(--ink-strong);font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.055em}.hero-copy h1{font-size:clamp(1.75rem,3vw,2.95rem);line-height:1.08}.result-hero-title{font-size:clamp(1.85rem,3vw,2.8rem)!important;line-height:1.08}.hero-copy p{max-width:760px;color:var(--muted);line-height:1.8;margin:.85rem 0 0}.hero-copy__lead{min-height:3.75rem}.typewriter-text{display:inline}.typewriter-text__cursor{display:inline-block;width:1px;height:1.05em;margin-left:.12rem;vertical-align:-.12em;background:#5f4d47b3;animation:blink .85s steps(1,end) infinite}.hero-highlights{margin-top:1.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.feature-card{display:grid;gap:.5rem;padding:1rem;border-radius:24px;border:1px solid rgba(191,168,156,.22);background:#ffffff85;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.feature-card:hover{transform:translateY(-4px);background:#ffffffb8;box-shadow:0 18px 32px #a9928824}.feature-card__icon,.field-icon,.primary-button__icon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#ffffffbd;color:var(--petal-deep);box-shadow:inset 0 1px #fffffff5}.feature-card__icon svg,.field-icon svg,.primary-button__icon svg{width:1.15rem;height:1.15rem}.feature-card__title{color:var(--ink-strong);font-size:.98rem}.feature-card__text{color:var(--muted);font-size:.9rem;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:.38rem .7rem;border-radius:999px;background:#e9c5bb4d;color:#b07d72;font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em}.preview-card{display:grid;gap:.8rem;min-height:100%;padding:1.1rem;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,255,255,.82),transparent 38%),linear-gradient(180deg,#fffbf7c7,#f8ece7bd);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px #ffffffd6}.preview-card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:600}.preview-card__image,.generated-image{width:100%;display:block;border-radius:24px;border:1px solid rgba(191,168,156,.18);box-shadow:0 20px 42px #a9928829}.preview-card__placeholder{min-height:320px;display:grid;place-items:center;gap:1rem;padding:1.5rem;border-radius:22px;border:1px dashed rgba(191,168,156,.34);background:#ffffff70;text-align:center;color:var(--muted);line-height:1.7}.form-grid{display:grid;gap:1rem}.field-grid{display:grid}.field-card{display:grid;gap:.6rem;padding:1rem;border-radius:24px;border:1px solid rgba(191,168,156,.24);background:#ffffff8c;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.field-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px #a992881f;border-color:#d8aa9d5c;background:#ffffffc2}.field-card--upload{background:linear-gradient(180deg,#fffcf8d1,#f8ece79e)}.field-label{display:inline-flex;align-items:center;gap:.75rem;font-weight:600;color:var(--ink-strong)}.field-note,.helper-text,.muted-text{color:var(--muted);line-height:1.7}.form-grid__inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.submit-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.primary-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.8rem;border:none;padding:.92rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,#e3bcb3,#bcc29d);color:#fff;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 20px 35px #a9928838,inset 0 1px #ffffff47;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.primary-button:before{content:"";position:absolute;inset:-35% auto -35% -30%;width:42%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.34) 50%,transparent 100%);transform:translate(-120%) skew(-20deg);opacity:0;transition:transform .7s ease,opacity .28s ease;z-index:0}.primary-button:after{content:"";position:absolute;left:14%;right:14%;bottom:-16px;height:18px;border-radius:999px;background:radial-gradient(circle,#e3bcb375,#e3bcb300 72%);filter:blur(10px);opacity:.18;transform:scale(.92);transition:opacity .28s ease,transform .28s ease;z-index:-1}.primary-button>*{position:relative;z-index:1}.primary-button:hover:not(:disabled){transform:translateY(-3px) scale(1.01);box-shadow:0 24px 40px #a9928847,0 10px 26px #bcc29d38,inset 0 1px #ffffff57;filter:saturate(1.08) brightness(1.03);animation:button-hover-glow 1.55s ease-in-out infinite alternate}.primary-button:hover:not(:disabled):before{opacity:1;transform:translate(320%) skew(-20deg)}.primary-button:hover:not(:disabled):after{opacity:.48;transform:scale(1.18)}.primary-button:active:not(:disabled){transform:translateY(-1px) scale(.995);animation:none}.primary-button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}.primary-button__icon{width:2rem;height:2rem;color:#fff;background:#ffffff2e}.helper-text{max-width:460px;margin:0}.soft-alert{padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(216,170,157,.26);background:#f8e8e3b8;color:var(--ink-strong);line-height:1.7}.soft-alert--muted{background:#ffffff9e;border-color:#bfa89c2e;color:var(--muted)}.section-title{margin:0;color:var(--ink-strong);font-size:1.45rem;letter-spacing:-.03em}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-heading--compact{align-items:center}.status-summary__lead{margin:.8rem 0 0;color:var(--muted);line-height:1.75}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.34rem .82rem;border:1px solid rgba(191,168,156,.28);font-weight:600}.status-pill--queued{background:#e9c5bb3d;color:#b07d72}.status-pill--running{background:#dde0d15c;color:#7f8665}.status-pill--done{background:#dde0d15c;color:#6c8d6b}.status-pill--failed{background:#e8bcb44d;color:var(--danger)}.action-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.progress-panel{display:grid;gap:1rem}.progress-panel__subtitle{margin:0}.progress-bar{position:relative;height:12px;border-radius:999px;background:#e9c5bb42;overflow:hidden}.progress-bar__fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e3b6ab,#eaccbf 52%,#b9bea0);transition:width .8s ease}.progress-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 2.4s linear infinite}.progress-bar--failed{background:#e8bcb43d}.progress-bar--failed .progress-bar__fill{background:linear-gradient(90deg,#d89184,#e6b0a4)}.progress-panel__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.92rem}.progress-steps{display:grid;gap:.9rem}.progress-step{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:flex-start;padding:1rem;border-radius:22px;border:1px solid rgba(191,168,156,.22);background:#ffffff7a;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.progress-step:hover{transform:translateY(-2px);box-shadow:0 16px 28px #a992881a}.progress-step--current{background:#f8e8e3b3}.progress-step--done{background:#f5f9f2bf}.progress-step--failed{background:#fae9e5b8}.progress-step__icon{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffffd9;border:1px solid rgba(191,168,156,.22)}.progress-step__icon svg{width:1.2rem;height:1.2rem}.progress-step__icon--current{color:#c0897e}.progress-step__icon--done{color:var(--success)}.progress-step__icon--failed{color:var(--danger)}.progress-step__content{display:grid;gap:.28rem}.progress-step__content strong{color:var(--ink-strong)}.progress-step__content p{margin:0;color:var(--muted);line-height:1.7}.selection-pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.selection-pill,.category-pill,.confidence-pill,.color-chip,.outfit-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(191,168,156,.24)}.selection-pill{padding:.58rem .9rem;background:#ffffff94;color:var(--muted)}.generated-meta{margin-bottom:1rem}.generated-image{max-width:460px}.badge{display:inline-flex;align-items:center;margin-right:.45rem;padding:.32rem .7rem;border-radius:999px;background:#ffffffb8;border:1px solid rgba(191,168,156,.24);color:var(--ink-strong);font-size:.84rem;font-weight:600}.badge--accent{background:#e9c5bb47;color:#b07d72}.badge--selected{background:#a5a4893d;color:#7f8665}.table-wrap{overflow-x:auto}.category-pill{padding:.42rem .72rem;background:#ffffffb3;color:var(--muted);white-space:nowrap}.color-list{display:flex;flex-wrap:wrap;gap:.45rem}.color-chip{padding:.34rem .68rem;background:#ffffffb3;color:var(--muted)}.confidence-pill{padding:.42rem .78rem;background:#dde0d161;color:#7f8665}.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.outfit-card{display:grid;gap:.85rem;padding:1.15rem;border-radius:26px;border:1px solid rgba(191,168,156,.22);background:#ffffff8c;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease}.outfit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);background:#ffffffc2}.outfit-card--selected{background:linear-gradient(180deg,#f8e8e3d1,#fffc);border-color:#d8aa9d5c}.outfit-card__header{display:flex;flex-wrap:wrap;gap:.45rem}.outfit-card h3{margin:0;color:var(--ink-strong)}.outfit-card p{margin:0;color:var(--muted);line-height:1.75}.outfit-card strong{color:var(--ink-strong)}.outfit-card__items{display:flex;flex-wrap:wrap;gap:.6rem}.outfit-chip{flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .9rem;background:#ffffffbd;color:var(--muted)}.outfit-chip strong{font-size:.88rem;color:var(--ink-strong)}.outfit-chip span{font-size:.78rem}.buy-list{display:grid;gap:.95rem;padding-left:0;list-style:none}.buy-list li{display:grid;gap:.45rem;padding:1rem;border-radius:24px;border:1px solid rgba(191,168,156,.2);background:#ffffff8f;transition:transform .24s ease,box-shadow .24s ease}.buy-list li:hover{transform:translateY(-3px);box-shadow:0 18px 28px #a992881f}.buy-list__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.buy-list p{margin:0;color:var(--muted);line-height:1.7}.buy-list a{width:fit-content;color:#b07d72;font-weight:600;text-decoration:none}.buy-list a:hover{color:#94655b}.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.advice-card{padding:1rem;border-radius:24px;border:1px solid rgba(191,168,156,.2);background:#ffffff8c;transition:transform .24s ease,box-shadow .24s ease}.advice-card:hover{transform:translateY(-3px);box-shadow:0 18px 28px #a992881f}.advice-card h3{margin-top:0;margin-bottom:.7rem;color:var(--ink-strong)}.advice-card ul{margin:0;padding-left:1.2rem;color:var(--muted)}.advice-card li+li{margin-top:.4rem}.error-text{color:var(--danger);font-weight:600}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes button-hover-glow{0%{box-shadow:0 22px 38px #a992883d,0 8px 22px #bcc29d29,inset 0 1px #ffffff4d}to{box-shadow:0 28px 44px #a9928852,0 12px 30px #bcc29d3d,inset 0 1px #ffffff61}}@media (max-width: 980px){.site-header__inner,.section-heading,.section-heading--compact{flex-direction:column;align-items:flex-start}.hero-grid,.hero-highlights,.form-grid__inline,.outfit-grid,.advice-grid{grid-template-columns:1fr}.header-actions{width:100%;justify-items:flex-start}.brand-column{align-self:auto}.submit-row,.progress-panel__meta{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.site-header{padding-inline:.75rem}.site-header__inner,.page-shell{width:min(100vw - 1rem,1120px)}.panel{padding:1.15rem;border-radius:24px}.brand-link__title{font-size:1.6rem}.brand-link__mark{width:4rem;height:3.5rem}.hero-copy__lead{min-height:5.2rem}th,td{padding-inline:.65rem}}