/* Credit selection shares the workspace's quiet surfaces and pill controls. */
.credit-picker{margin:22px 0}
.credit-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.workspace .credit-presets .button{flex:1;min-width:70px;padding:10px 14px}
.workspace .credit-presets .button[aria-pressed=true]:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}
.credit-picker>label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}
.credit-amount-row{display:flex;align-items:center;gap:10px}
.credit-amount-row #credit-amount{min-width:0;flex:1;height:48px;font-size:22px;font-variant-numeric:tabular-nums;text-align:center;background:var(--raised);border-color:var(--line);border-radius:12px}
.credit-amount-row .credit-nudge{flex:none;width:44px;padding:0;font-size:22px;line-height:1}
.credit-picker .credit-slider-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.credit-picker #credit-slider{display:block;width:100%;height:32px;min-height:32px;padding:0;margin:18px 0 0;border:0;background:transparent;accent-color:var(--text);cursor:pointer}
.credit-picker #credit-slider:disabled{cursor:not-allowed;opacity:.45}
.credit-slider-limits{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.credit-picker #credit-limits{font-size:12px;line-height:1.5;margin:12px 0 0}
@media(max-width:420px){.credit-presets{gap:6px}.workspace .credit-presets .button{min-width:60px;padding:10px}.credit-amount-row{gap:8px}}