body { font-family: system-ui, sans-serif; margin: 0; color: #111; }
.container { max-width: 950px; margin: 2rem auto; padding: 0 1rem; }
.uploader, .results, .history { margin-top: 1.5rem; }
.canvas { max-width: 100%; width: 100%; border: 1px solid #ddd; border-radius: 8px; background: #fafafa; }
.buttons { display: flex; gap: .5rem; margin: .75rem 0; flex-wrap: wrap; }
button { padding: .55rem .95rem; border-radius: .6rem; border: 1px solid #ccc; background: #f6f6f6; cursor: pointer; }
button:hover { background: #eee; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.thumb { width: 100%; height: 100px; object-fit: cover; border-radius: 6px; border: 1px solid #e3e3e3; }
.decision { display: flex; gap: .5rem; align-items: center; margin-top: .5rem; flex-wrap: wrap; }
h1, h2 { font-weight: 600; }