:root{color:#172026;background:#f5f6f1;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,input{font:inherit}main{min-height:100vh}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:22px 28px;background:#fff;border-bottom:1px solid #d9ded8}.topbar h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.topbar span{display:block;margin-top:8px;color:#65716a;font-size:14px}.settings{display:grid;grid-template-columns:minmax(150px,210px) minmax(170px,250px);gap:12px}label{color:#56615b;font-size:12px;font-weight:700}input{width:100%;margin-top:6px;border:1px solid #cbd2cb;border-radius:6px;padding:10px 12px;color:#172026;background:#fff;outline:none}input:focus{border-color:#137a63;box-shadow:0 0 0 3px #137a6324}.search-band{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start;padding:20px 28px;background:#eaf0eb;border-bottom:1px solid #d1d9d2}.tabs{display:grid;grid-template-columns:1fr;gap:8px}.tabs button,.primary{min-height:42px;border:1px solid #c3ccc4;border-radius:6px;padding:0 14px;background:#fff;color:#25312b;cursor:pointer}.tabs button.active,.primary{border-color:#137a63;background:#137a63;color:#fff}.tool-panel{display:grid;grid-template-columns:minmax(220px,360px) 140px;gap:14px;align-items:end}.tool-panel.horizontal{grid-template-columns:minmax(240px,560px) 120px}.drop-zone{display:grid;place-items:center;min-height:142px;border:1px dashed #99a79d;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}.drop-zone.dragging{border-color:#137a63;background:#f3faf6}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone img{width:100%;height:142px;object-fit:contain;background:#f0f2ef}.drop-zone span,.empty{color:#65716a;font-size:14px}.search-input{margin-top:0;min-height:42px}.error{grid-column:2;padding:10px 12px;border:1px solid #d9998d;border-radius:6px;color:#8a2419;background:#fff3f0}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:24px 28px 36px}.empty{grid-column:1 / -1;min-height:180px;display:grid;place-items:center;border:1px solid #d9ded8;border-radius:8px;background:#fff}.result-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:180px;border:1px solid #d9ded8;border-radius:8px;overflow:hidden;background:#fff}.result-card.near{border-color:#137a63;box-shadow:inset 4px 0 #137a63}.thumb{min-height:180px;display:grid;place-items:center;background:#edf0ed;color:#7c8780;font-size:12px}.thumb img{width:100%;height:100%;object-fit:cover}.card-body{min-width:0;padding:12px}.card-top{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.card-top h3{flex:1 1 160px;min-width:0;margin:0;font-size:15px;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}.subname{margin:6px 0 0;color:#65716a;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.pill{flex:0 0 auto;border:1px solid #cbd2cb;border-radius:999px;padding:3px 8px;color:#4d5a53;background:#f7f8f6;font-size:11px;font-weight:700;white-space:nowrap}.pill.strong{border-color:#137a63;color:#0f5c4c;background:#e1f3ec}.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:14px 0}.meta div{min-width:0}.meta dt{color:#69756e;font-size:11px;font-weight:700}.meta dd{margin:2px 0 0;color:#25312b;font-size:13px;overflow-wrap:anywhere}.score-row{display:grid;grid-template-columns:58px minmax(70px,1fr) 42px;gap:8px;align-items:center;color:#4f5c55;font-size:12px}.score-track{height:8px;border-radius:999px;background:#dfe5df;overflow:hidden}.score-track div{height:100%;background:#d75f3f}@media (max-width: 760px){.topbar{align-items:stretch;flex-direction:column;padding:18px}.settings,.search-band,.tool-panel,.tool-panel.horizontal{grid-template-columns:1fr}.search-band,.results-grid{padding-left:18px;padding-right:18px}.error{grid-column:1}}