.candidate-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.candidate-controls select{flex:1;min-width:0}
.candidate-modes{display:flex;gap:6px}
.candidate-modes [aria-pressed=true]{background:var(--dark);color:var(--paper)}
.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.candidate-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.candidate-card.recommended{border:2px solid var(--green);padding:11px}
.candidate-card strong{font-size:12px;overflow-wrap:anywhere}
.candidate-image{display:block;width:100%;border:0;background:#e6e7df;border-radius:6px;padding:0;margin:12px 0;cursor:zoom-in}
.candidate-image img{display:block;width:100%;height:260px;object-fit:contain}
.candidate-review,.candidate-note{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.candidate-note{font-size:11px;color:var(--muted);white-space:pre-wrap}
.candidate-settings{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.candidate-settings label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6}
.candidate-settings .row{margin-top:10px;flex-wrap:wrap}
.candidate-settings .caption{margin-bottom:0}
.candidate-preview-note{max-width:600px;font-size:11px;line-height:1.7;color:var(--muted)}
@media(max-width:600px){.candidate-grid{grid-template-columns:minmax(0,1fr);gap:14px}.candidate-image img{height:auto;max-height:60vh}.candidate-controls select{flex-basis:100%}.candidate-modes{width:100%}.candidate-modes .btn{flex:1;min-height:44px}.candidate-card>.btn{min-height:44px}.toolbar .candidate-compare,.toolbar .mobile-history-toggle{min-height:40px}.toolbar .preview-mode{min-height:40px}}