.paint-picker{padding:22px;border:1px solid var(--line,#eadbd0);border-radius:24px;background:var(--white,#fffdf9);color:var(--ink,#172321);margin:0 0 18px}
.paint-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-weight:600}
.paint-picker-heading span{font-size:12px;color:var(--muted,#687170);font-weight:400}
.paint-number-row{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.paint-number-row input{width:min(65%,260px);min-width:0;border:0;border-bottom:1px solid var(--line,#eadbd0);border-radius:0;padding:4px 0;font:inherit;font-size:34px;font-weight:650;color:inherit;background:transparent;box-shadow:none;font-variant-numeric:tabular-nums}
.paint-number-word{color:var(--muted,#687170);font-size:16px}
.paint-slider-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.paint-range{--paint-fill:0%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;border:0;padding:0;margin:8px 0 0;background:transparent;cursor:pointer;touch-action:pan-y;outline-offset:2px}
.paint-range::-webkit-slider-runnable-track{height:6px;border-radius:10px;background:linear-gradient(to right,var(--accent,#ef563c) 0 var(--paint-fill),var(--line,#eadbd0) var(--paint-fill) 100%)}
.paint-range::-moz-range-track{height:6px;border-radius:10px;background:var(--line,#eadbd0)}
.paint-range::-moz-range-progress{height:6px;border-radius:10px;background:var(--accent,#ef563c)}
.paint-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;margin-top:-10px;background:var(--accent,#ef563c);border:4px solid var(--white,#fffdf9);box-shadow:0 2px 8px #0002;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
.paint-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent,#ef563c);border:4px solid var(--white,#fffdf9);box-shadow:0 2px 8px #0002;transition:transform .22s,box-shadow .22s}
.paint-range:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 3px 14px #0003}
.paint-range:active::-moz-range-thumb{transform:scale(1.12)}
.paint-scale{position:relative;height:20px;margin:0 13px;color:var(--muted,#687170);font-size:11px}
.paint-scale span{position:absolute;transform:translateX(-50%)}
.paint-scale span:nth-child(1){left:0;transform:none}.paint-scale span:nth-child(2){left:45%}.paint-scale span:nth-child(3){left:70%}.paint-scale span:nth-child(4){right:0;transform:none}
.paint-quote{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;flex-wrap:wrap}
.paint-quote-total{font-size:27px;font-variant-numeric:tabular-nums;transition:color .2s}
.paint-quote-unit,.paint-picker-hint{font-size:12px;color:var(--muted,#687170)}
.paint-picker-hint{margin-top:12px;line-height:1.5}
.paint-number-row input[aria-invalid=true]{border-color:var(--error,#a23225)}
:root[data-theme=dark] .paint-picker{background:var(--white,#323235)}
@media(prefers-reduced-motion:reduce){.paint-range::-webkit-slider-thumb,.paint-range::-moz-range-thumb,.paint-quote-total{transition:none}}