.visual-density{display:inline-flex;gap:0;margin-left:auto;flex-shrink:0}.visual-density[hidden]{display:none}.visual-density button{padding:7px 10px;margin:0;background:#191919;color:#999;border:1px solid #444;font-size:10px;cursor:pointer}.visual-density button+button{border-left:0}.visual-density button[aria-pressed=true]{background:#35211f;color:#fff;border-color:#e83a31;box-shadow:inset 0 -2px #e83a31}.visual-density button:focus-visible{outline:2px solid #ef493e;outline-offset:2px}.results-line{flex-wrap:wrap;gap:12px}.visual-density+button{margin-left:0}
body[data-density=compact] .visual-grid,body[data-density=compact] .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:20px 14px}
body[data-density=dense] .visual-grid,body[data-density=dense] .grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px 10px}
body[data-density=dense] .visual-card .voice-title,body[data-density=dense] .effect-card .info strong{font-size:10px;line-height:1.4}
body[data-density=dense] .visual-card p{font-size:8px}
@media(max-width:599px){body[data-density=compact] .visual-grid,body[data-density=compact] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}body[data-density=dense] .visual-grid,body[data-density=dense] .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}.visual-density button{padding:8px}.visual-density{margin-left:0}}

.pagination{flex-wrap:wrap;gap:12px}.page-jump{display:inline-flex;align-items:center;gap:8px;margin:0}.page-jump label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#999;white-space:nowrap}.page-jump input{width:64px;min-width:0;height:34px;padding:5px 7px;border:1px solid #555;background:#191919;color:#eee;border-radius:0;font-size:12px}.page-jump button{height:34px;padding:5px 12px;border:1px solid #555;background:#191919;color:#eee;font-size:11px;cursor:pointer}.page-jump button:hover{border-color:#e83a31}.page-jump input:focus-visible{outline:1px solid #e83a31}.page-jump :disabled{opacity:.4}
