*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#202822;font:15px/1.6 Arial,sans-serif}header{background:white;border-bottom:1px solid #e3e3dc;padding:22px 5%;display:flex;align-items:center;justify-content:space-between}header a{font:700 30px Georgia,serif;letter-spacing:6px;color:#121712;text-decoration:none}header span,.eyebrow{font-size:10px;letter-spacing:2px;color:#657365}main{max-width:1300px;margin:auto;padding:40px 32px}.intro{text-align:center;max-width:750px;margin:0 auto 38px}h1{font:52px Georgia,serif;margin:10px 0}h2{font:27px Georgia,serif;margin:0 0 20px}.notice{background:#edf1e9;padding:12px 20px;border-radius:8px;font-size:12px}.layout{display:grid;grid-template-columns:330px 1fr;gap:40px}.panel{background:white;padding:26px;border:1px solid #e1e3dc;border-radius:14px;align-self:start}label{display:block;font-size:13px;margin:18px 0}select{width:100%;padding:12px;margin-top:6px;border:1px solid #ccd3c9;background:white;border-radius:6px;font-size:14px}.upload{border:1px dashed #8b9e83;padding:20px;background:#fafbf8;border-radius:8px}.upload input{max-width:100%;margin-top:12px;font-size:12px}.upload small{display:block;color:#777;margin-top:10px}button{cursor:pointer}#match{width:100%;background:#253b2a;border:0;color:white;border-radius:6px;padding:15px;font-size:14px}button:disabled{opacity:.5;cursor:wait}#status,.footnote{font-size:12px;color:#637060}.image-area img{width:100%;max-height:280px;object-fit:contain;cursor:crosshair;border-radius:8px}.image-area p{font-size:12px}.image-area button{background:white;border:1px solid #ccd3c9;padding:7px;border-radius:4px}.results-head{display:flex;justify-content:space-between}.results-head h2{margin-bottom:4px}#swatch{width:38px;height:38px;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px #ddd}#explain{font-size:13px;color:#637060;margin-bottom:26px}#products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e2e4dd;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:3/4;object-fit:cover}.card div{padding:14px;display:flex;flex-direction:column;flex:1}.card h3{font-size:14px;margin:3px 0}.card p{font-size:12px;color:#637060;margin:7px 0}.card a{display:block;margin-top:auto;padding:9px;background:#253b2a;color:white;border-radius:5px;text-align:center;text-decoration:none;font-size:12px}.empty{grid-column:1/-1;border:1px dashed #d6dccf;border-radius:12px;padding:100px 20px;text-align:center;font:27px/1.6 Georgia;color:#88917f}.footnote{margin-top:24px}@media(max-width:850px){.layout{grid-template-columns:1fr}.panel{max-width:100%}#products{grid-template-columns:repeat(2,1fr)}main{padding:24px 18px}h1{font-size:42px}header a{font-size:22px}header span{font-size:8px}}
@media(min-width:851px) and (max-width:1100px){.layout{grid-template-columns:290px 1fr;gap:24px}#products{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}}
.look{background:#edf1e9;border:1px solid #d2ddca;padding:20px;border-radius:12px;margin:20px 0}.look h2{font-size:23px;margin-bottom:8px}.look small{font-size:11px;color:#637060}.look p{font-size:13px}.look button{border:1px solid #bdc9b7;border-radius:4px;background:white;padding:4px 8px}#look-total{font-weight:600;margin:12px 0;font-size:14px}.add-look{border:1px solid #253b2a;background:white;color:#253b2a;padding:10px;border-radius:5px;margin:8px 0;font-size:12px}
.ai-controls{border-top:1px solid #e2e4dd;border-bottom:1px solid #e2e4dd;margin:20px 0;padding:10px 0}.ai-controls label{font-size:12px}.ai-controls button{padding:12px;background:#253b2a;color:white;border:0;border-radius:5px;width:100%}.ai-controls p{font-size:12px;color:#52614b}