body{padding-bottom:0}.review{padding:10px 20px;background:#fff6df;color:#7a5c12;text-align:center;font-size:13px;border-bottom:1px solid #e0c56a}.design-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center;margin-bottom:28px}.design-hero h1{font-family:inherit;font-size:38px;line-height:1.16;letter-spacing:-.025em;margin:12px 0 16px}.design-hero .lede{font-size:16px}.source-photo{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.source-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.source-photo figcaption{grid-column:1/-1;color:var(--muted);font-size:12px;text-align:center}.sample-slot{border:1px dashed var(--line-strong);border-radius:12px;background:var(--card);min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;color:var(--muted);font-size:13px}.sample-slot strong{color:var(--gold);font-size:16px;margin-bottom:8px}.sample-slot small{font-size:11px;margin-top:8px}.look-options{grid-template-columns:repeat(3,1fr)!important}.design-thumb{height:114px;border-radius:8px;background:var(--card);border:1px dashed var(--line-strong);display:grid;place-items:center;margin-bottom:10px;text-align:center;font-size:12px;color:var(--muted)}.look-card.selected .design-thumb{background:#fff6df}.look-card input{position:absolute;opacity:0}.preview-state{margin:0;border:1px solid var(--line);border-radius:12px;min-height:360px;background:var(--canvas-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.preview-state h3{margin-bottom:8px}.preview-state p{max-width:280px;font-size:13px;color:var(--muted)}.preview-state svg{width:56px;height:56px;color:var(--gold);margin-bottom:12px}.design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;padding:24px 0;border-top:1px solid var(--line)}.design-notes h3{font-size:15px}.design-notes p{font-size:13px;color:var(--muted)}.state-bar{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px;align-items:center}.state-bar button{padding:8px 14px;border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;color:var(--text);cursor:pointer}.state-bar button[aria-pressed=true]{background:var(--look-selected-bg);border-color:var(--gold)}.design-status{font-size:13px;color:#7a5c12;background:#fff6df;padding:12px;border-radius:8px}.review-note{font-size:12px;color:var(--muted)}@media(max-width:720px){.design-hero{grid-template-columns:1fr;gap:16px}.design-hero h1{font-size:30px}.source-photo{max-width:360px}.design-notes{grid-template-columns:1fr;gap:4px}.preview-state{min-height:290px}.design-thumb{height:92px;font-size:10px}.review{font-size:11px}.look-card{padding:10px}}

.preview-state img{width:100%;height:auto;object-fit:contain;border-radius:10px}.preview-state:has(img:not([hidden])){padding:0}.preview-state [hidden]{display:none!important}.preview-state #empty{display:flex;flex-direction:column;align-items:center}.look-card:focus-within{outline:2px solid var(--gold);outline-offset:3px}.look-card:has(input:checked){background:var(--look-selected-bg);border-color:var(--gold)}.design-thumb{width:100%;font-weight:700;letter-spacing:.04em}.drop input{max-width:100%;margin-top:12px}.source-photo img{width:100%}



/* Concept artwork is separate from uploaded and generated previews. */
.look-card .concept-thumb{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;margin-bottom:6px}.concept-label{display:block;font-size:10px;line-height:1.4;color:#7a5c12;margin-bottom:6px}.preview-state #empty{width:100%}.preview-state #concept-preview{max-height:510px;object-fit:contain}.preview-state #concept-title{font-size:12px;padding:10px;margin:0}.source-photo .hero-concept{object-fit:contain;background:#fff6e8}