:root{--bg:#f6f1e8;--surface:#fffaf1;--surface-strong:#fff;--ink:#20211f;--muted:#67625b;--line:#ded5c7;--teal:#12636a;--teal-dark:#0a4248;--berry:#9a2f56;--coral:#d47764;--gold:#bd8a2e;--sage:#6d7652;--shadow:0 24px 70px #2f251821}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(135deg, #12636a14, transparent 36%), linear-gradient(315deg, #9a2f5614, transparent 38%), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}.app{min-height:100vh;padding:28px}.siteHeader{justify-content:space-between;align-items:center;gap:18px;max-width:1480px;margin:0 auto 22px;display:flex}.siteHeader h1,.panelHeader h2,.resultHeader h2,.emptyState h2,.summaryBlock h2,.sectionTitle h2{letter-spacing:0;margin:0}.siteHeader h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1}.eyebrow{color:var(--berry);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.headerBadge,.modeBanner,.errorBox{align-items:center;gap:8px;display:flex}.headerBadge{background:var(--surface);border:1px solid var(--line);color:var(--teal-dark);white-space:nowrap;border-radius:999px;min-height:42px;padding:0 14px;font-weight:800}.workspace{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start;gap:22px;max-width:1480px;margin:0 auto;display:grid}.formPanel,.resultPanel{box-shadow:var(--shadow);background:#fffaf1e6;border:1px solid #ded5c7f2}.formPanel{border-radius:8px;gap:16px;padding:18px;display:grid;position:sticky;top:18px}.panelHeader,.resultHeader{justify-content:space-between;align-items:center;display:flex}.panelHeader h2,.resultHeader h2{font-size:1.25rem}.panelHeader svg{color:var(--gold)}.uploadBox{aspect-ratio:4/5;cursor:pointer;background:#efe6d7;border:1px dashed #b8aa97;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.uploadBox:hover{border-color:var(--teal)}.uploadBox input{opacity:0;position:absolute;inset:0}.uploadBox img{object-fit:cover;width:100%;height:100%}.uploadEmpty{color:var(--muted);text-align:center;place-items:center;gap:8px;padding:18px;display:grid}.uploadEmpty strong{color:var(--ink);font-size:1rem}.uploadEmpty small{font-size:.84rem}.fieldGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}label{color:var(--ink);gap:7px;font-size:.86rem;font-weight:800;display:grid}input,select,textarea{background:var(--surface-strong);color:var(--ink);border:1px solid #cfc4b6;border-radius:6px;outline:none;width:100%;min-height:43px;padding:10px 11px}textarea{resize:vertical;min-height:86px;line-height:1.35}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #12636a24}.primaryButton,.ghostButton,.secondaryButton{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex}.primaryButton{background:var(--teal);color:#fffdf7;width:100%}.primaryButton:disabled{cursor:not-allowed;opacity:.5}.primaryButton:not(:disabled):hover{background:var(--teal-dark)}.ghostButton{border:1px solid var(--line);color:var(--teal-dark);background:#fff}.secondaryButton{background:var(--berry);color:#fffdf7;min-width:148px}.ghostButton:hover{border-color:var(--teal)}.secondaryButton:disabled{cursor:not-allowed;opacity:.55}.secondaryButton:not(:disabled):hover{background:#7d2444}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.errorBox{color:#8e2a1c;background:#fff0ec;border:1px solid #efb7a8;border-radius:6px;padding:10px 12px;font-size:.9rem}.questionGroup{border-top:1px solid var(--line);gap:14px;padding-top:14px;display:grid}.questionTitle{color:var(--teal-dark);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:900;display:flex}.resultPanel{border-radius:8px;min-height:720px;padding:20px}.emptyState{color:var(--muted);text-align:center;align-content:center;justify-items:center;min-height:560px;padding:40px 22px;display:grid}.emptyPreviewGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,620px);max-width:620px;margin-bottom:20px;display:grid}.emptyPreviewGrid img{aspect-ratio:4/5;object-fit:cover;border-radius:6px;width:100%;display:block}.emptyState svg{color:var(--berry);margin-bottom:12px}.emptyState h2{color:var(--ink);font-size:clamp(1.55rem,3vw,2.4rem)}.emptyState p{max-width:560px;line-height:1.6}.report{gap:16px;margin-top:18px;display:grid}.modeBanner{border-radius:6px;padding:12px 14px;font-size:.92rem;line-height:1.45}.modeBanner.demo{color:#6f4d05;background:#fff3d8}.modeBanner.ia{color:var(--teal-dark);background:#e8f3f1}.summaryBlock{background:var(--teal-dark);color:#fffdf7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:stretch;gap:22px;padding:clamp(20px,4vw,34px);display:grid}.summaryBlock h2{max-width:920px;font-size:clamp(1.35rem,3vw,2.4rem);line-height:1.1}.summaryBlock p{color:#dbe8e5;max-width:900px;margin:16px 0 12px;line-height:1.6}.summaryBlock small{color:#f2cf8b;font-weight:800}.clientPhoto{background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-self:stretch;margin:0;display:grid;overflow:hidden}.clientPhoto img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.clientPhoto figcaption{background:#0000002e;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:.84rem;font-weight:900;display:flex}.reportSection{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;padding:18px}.sectionTitle{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sectionTitle svg{color:var(--berry);flex:none}.sectionTitle h2{font-size:1.15rem}.reportSection h3{letter-spacing:0;text-transform:uppercase;margin:18px 0 10px;font-size:.84rem}.lead{color:var(--muted);margin:0;line-height:1.55}.illustrationCard{background:#f7f2ea;border-radius:8px;grid-template-columns:minmax(180px,280px) minmax(0,1fr);margin:0 0 16px;display:grid;overflow:hidden}.illustrationCard img{object-fit:cover;width:100%;height:100%;min-height:210px;display:block}.illustrationCard figcaption{align-content:center;gap:8px;padding:16px;display:grid}.illustrationCard strong,.illustrationCard span,.illustrationCard small{display:block}.illustrationCard strong{font-size:1rem}.illustrationCard span{color:var(--ink);line-height:1.45}.illustrationCard small{color:var(--muted);line-height:1.4}.profileGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.profileGrid div{background:#f7f2ea;border-radius:6px;padding:12px}.profileGrid dt{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font-size:.74rem;font-weight:900}.profileGrid dd{margin:0;font-weight:800;line-height:1.35}.tagList{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tagList li{color:#3d3933;background:#f5efe5;border:1px solid #e3d7c7;border-radius:999px;padding:8px 11px;line-height:1.25}.colorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.palettePoster{background:#f7f2ea;border:1px solid #e3d7c7;border-radius:8px;margin:0 0 18px;overflow:hidden}.palettePoster img{width:100%;height:auto;display:block}.palettePoster figcaption{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:13px 14px;display:grid}.palettePoster figcaption strong,.palettePoster figcaption span{display:block}.palettePoster figcaption span{color:var(--muted);font-size:.9rem;line-height:1.35}.palettePoster a{background:var(--teal);color:#fffdf7;white-space:nowrap;border-radius:6px;padding:10px 12px;font-weight:900;text-decoration:none}.palettePoster a:hover{background:var(--teal-dark)}.colorItem{background:#f7f2ea;border-radius:6px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:10px;display:grid}.swatch{border:1px solid #00000029;border-radius:50%;width:42px;height:42px}.colorItem strong,.colorItem small{display:block}.colorItem small{color:var(--muted);margin-top:3px;line-height:1.35}.lookGrid,.generatedLookGrid,.shoppingList{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.lookItem,.shoppingItem{background:#f7f2ea;border-radius:6px;padding:13px}.lookItem{padding:0;overflow:hidden}.lookItem img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.lookItem strong{padding:13px 13px 0;display:block}.lookItem p,.shoppingItem p{color:var(--muted);margin:8px 0 0;line-height:1.45}.lookItem p{padding:0 13px 13px}.outfitAction{background:#f7f2ea;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}.generatedLookGrid{grid-template-columns:1fr;margin-top:12px}.generatedLook{background:#f7f2ea;border-radius:8px;margin:0;overflow:hidden}.generatedLook img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.generatedLook figcaption{gap:7px;padding:13px;display:grid}.generatedLook figcaption span{color:var(--muted);line-height:1.4}.previewPlaceholder{color:var(--muted);border:1px dashed #c9bba9;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:120px;padding:18px;display:flex}.shoppingItem span{background:var(--berry);color:#fff;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:5px 8px;font-size:.72rem;font-weight:900;display:inline-block}@media (max-width:1120px){.workspace{grid-template-columns:1fr}.formPanel{position:static}.uploadBox{max-height:520px}}@media (max-width:760px){.app{padding:16px}.siteHeader{flex-direction:column;align-items:flex-start}.fieldGrid,.profileGrid,.colorGrid,.lookGrid,.generatedLookGrid,.shoppingList{grid-template-columns:1fr}.emptyPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryBlock,.illustrationCard,.palettePoster figcaption{grid-template-columns:1fr}.clientPhoto{max-width:320px}.illustrationCard img{min-height:230px}.outfitAction{flex-direction:column;align-items:stretch}.resultPanel,.formPanel{padding:14px}.resultHeader{align-items:flex-start;gap:12px}}@media print{body{background:#fff}.app{padding:0}.siteHeader,.formPanel,.ghostButton,.emptyState{display:none!important}.workspace{max-width:none;display:block}.resultPanel{box-shadow:none;border:0;min-height:0;padding:0}.reportSection,.summaryBlock,.modeBanner{break-inside:avoid}}