.producer-samples :where(button,a,input,select):focus-visible{outline:2px solid var(--producer-accent);outline-offset:3px}.producer-samples-control{color:#fff;min-height:46px;font-family:var(--font-mono);background:#050505;border:1px solid #333;font-size:13px}.producer-sample-card{background:#0d0d0d;border:1px solid #292929;flex-direction:column;min-height:250px;transition:border-color .15s,transform .15s;display:flex}.producer-sample-card:hover{border-color:#4a4a4a;transform:translateY(-1px)}.producer-sample-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#999;border:1px solid #333;padding:3px 6px;font-size:9px;line-height:1.4;display:inline-flex}.producer-sample-card-action{color:#fff;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #292929;flex:1;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;transition:color .15s,background .15s;display:inline-flex}.producer-sample-card-action+.producer-sample-card-action{border-left:1px solid #292929}.producer-sample-card-action:hover{color:var(--producer-accent);background:#ffffff0a}.producer-sample-card-action.is-primary{color:var(--producer-accent)}@media (prefers-reduced-motion:reduce){.producer-sample-card{transition:none}}