:root{color:#231f20;background:#f7f3ed;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}button,input{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 10px;color:#7a5c43;font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:14px;max-width:820px;font-size:clamp(2rem,5vw,4.9rem);line-height:.96}h2{font-size:1rem}.app-shell{min-height:100vh;padding:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--page-tone) 15%,#fff 85%),transparent),#f7f3ed}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.topbar h1{max-width:900px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.upload-panel,.panel,.palette-card,.empty-state{border:1px solid rgba(60,48,40,.14);border-radius:8px;background:#ffffffb8;box-shadow:0 12px 40px #231f200f}.upload-panel{position:sticky;top:20px;padding:14px}.dropzone{display:grid;place-items:center;min-height:180px;border:1px dashed #b69b83;border-radius:8px;padding:22px;background:#fffaf5;text-align:center}.dropzone input{display:none}.dropzone strong{font-size:1.25rem}.dropzone span{color:#766b61}.status,.error{margin-top:12px;border-radius:8px;padding:12px;background:#fff4df;color:#6a4c24}.error{background:#ffe7e4;color:#8c2f24}.result-panel{min-width:0}.preview-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(340px,1.05fr);gap:22px}.image-preview{width:100%;height:620px;object-fit:cover;border-radius:8px;box-shadow:0 22px 60px #231f2021}.palette-card{overflow:hidden;display:grid;min-height:620px}.swatch{min-height:84px;display:flex;align-items:end;padding:14px}.swatch div{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:12px;border-radius:8px;padding:10px 12px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.swatch button{border:0;border-radius:8px;padding:8px 10px;color:#fff;background:#231f20;font-weight:800}.insights-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:22px}.panel,.empty-state{padding:22px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;padding:8px 12px;background:#231f20;color:#fff;font-size:.9rem;font-weight:800}.suggestions p{margin-bottom:10px;color:#524941;line-height:1.55}.empty-state{min-height:520px;display:grid;align-content:center}.empty-state span{margin-bottom:24px;color:#8a7866;font-weight:900}.empty-state h2{max-width:650px;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.empty-state p{max-width:540px;color:#655b52;line-height:1.65}@media(max-width:980px){.app-shell{padding:18px}.topbar,.workspace,.preview-grid,.insights-grid{grid-template-columns:1fr}.topbar{display:grid}.upload-panel{position:static}.image-preview,.palette-card{min-height:0;height:auto}.palette-card{min-height:520px}}@media(max-width:620px){.swatch div{align-items:stretch;flex-direction:column}}