:root{color:#1b1f24;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0}.intro{max-width:760px;margin-bottom:28px}.eyebrow,.label{margin:0 0 8px;color:#6a5844;font-size:.84rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0 0 12px;font-size:clamp(2rem,5vw,4.3rem);line-height:1.02;letter-spacing:0}h2{margin:0 0 18px;font-size:1.35rem;letter-spacing:0}p{margin:0;color:#4f5862;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:20px;align-items:start}.uploader,.result-panel{border:1px solid #dfd7cc;border-radius:8px;background:#fffdf9;box-shadow:0 16px 40px #211c1514}.uploader{padding:16px}.file-input{display:none}.drop-zone{display:grid;width:100%;min-height:480px;place-items:center;overflow:hidden;border:1px dashed #b9ab98;border-radius:8px;background:#f3eee7;color:#3d4147;cursor:pointer}.drop-zone:disabled{cursor:wait;opacity:.75}.drop-zone span{display:grid;gap:8px;text-align:center;font-weight:800}.drop-zone small{color:#7a6d5f;font-size:.86rem;font-weight:600}.preview-image{width:100%;height:100%;max-height:560px;object-fit:contain}.uploader-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px}.file-meta{display:grid;min-width:0;color:#1d2228}.file-meta strong,.file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta span{color:#747b83;font-size:.92rem}.primary-button{min-width:128px;min-height:44px;border:0;border-radius:8px;background:#20262d;color:#fff;cursor:pointer;font-weight:800}.primary-button:disabled{cursor:not-allowed;background:#9a9fa5}.result-panel{padding:22px}.result-content{display:grid;gap:22px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d7c9ba;border-radius:999px;padding:7px 10px;background:#f6efe7;color:#2f343a;font-size:.92rem;font-weight:700}.fragrance .chip{border-color:#b9d3cf;background:#eaf5f3}.empty-state{color:#77716c}.error-message{border:1px solid #efb2a8;border-radius:8px;padding:12px;background:#fff0ee;color:#9b2d20}@media(max-width:840px){.app-shell{padding:28px 0}.workspace{grid-template-columns:1fr}.drop-zone{min-height:340px}.uploader-actions{align-items:stretch;flex-direction:column}.primary-button{width:100%}}