a { color: var(--accent-strong); }
.settings { display:grid; grid-template-columns:2fr 1fr 1fr; gap:20px; }
.settings label { display:flex; flex-direction:column; gap:8px; font-weight:600; }
select,input { width:100%; padding:12px; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text); font:inherit; }
small,.hint { color:var(--muted); font-weight:normal; line-height:1.5; }
.drop { width:100%; min-height:180px; display:flex; flex-direction:column; gap:12px; margin:20px 0; background:rgba(93,92,255,.1); border:2px dashed var(--accent); }
.drop strong { font-size:1.5rem; }.drop span { font-weight:normal; }.drop.over { background:var(--surface-alt); border-color:white; }
.actions { display:flex; flex-wrap:wrap; gap:12px; }button:disabled { opacity:.45; cursor:not-allowed; } :focus-visible { outline:3px solid var(--accent-strong); outline-offset:4px; }
progress { width:100%; accent-color:var(--accent); }
#results { display:grid; gap:12px; }.result { display:grid; grid-template-columns:100px 1fr auto; gap:18px; align-items:center; border-top:1px solid var(--border); padding:16px 0; }.result img { width:100px; height:90px; object-fit:contain; background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 / 16px 16px; border-radius:8px; }.result p { overflow-wrap:anywhere; margin:6px 0; }.error { color:#ffb4b4; }
@media(max-width:680px) { .settings { grid-template-columns:1fr; }.result { grid-template-columns:80px minmax(0,1fr); }.result img { width:80px; }.result a { grid-column:2; }.app-header { align-items:flex-start; }.brand-logo-link { display:none; } }