/* Shared adjuster rhythm: explicit labels, tabular values and visible step targets. */
.adjuster-control{display:flex;align-items:center;min-width:0;width:124px;min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--bg-input,var(--bg-panel));overflow:hidden;transition:border-color .12s,box-shadow .12s}
.field>.adjuster-control{width:100%}
.adjuster-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}
.adjuster-control input[type=number]{appearance:textfield!important;-moz-appearance:textfield;width:0!important;min-width:0!important;flex:1 1 0!important;height:32px!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;padding:5px 4px!important;background:transparent!important;text-align:right;font-variant-numeric:tabular-nums;font-size:13px!important}
.adjuster-control input::-webkit-inner-spin-button,.adjuster-control input::-webkit-outer-spin-button{appearance:none;margin:0}
.adjuster-step{flex:0 0 25px;width:25px!important;min-width:25px!important;height:32px;border:0;border-radius:0;background:transparent;color:var(--text-faint);padding:0!important;font-size:16px;line-height:1;cursor:pointer;touch-action:manipulation}
.adjuster-step:hover:not(:disabled){color:var(--text);background:var(--accent-subtle)}
.adjuster-step:active:not(:disabled){background:var(--accent);color:white}
.adjuster-step:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.adjuster-step:disabled{opacity:.3;cursor:default}
.adjuster-unit{flex:0 0 auto;margin:0!important;padding:0 3px!important;color:var(--text-faint);font-size:10px;pointer-events:none}
.adjuster-control.is-disabled{opacity:.55}
#rightpanel .field{min-width:0}
#rightpanel .field>label{font-size:12px;line-height:1.4;margin-bottom:5px}
#rightpanel .row2{gap:10px}
#rightpanel .row>.adjuster-control{margin-left:auto;flex:0 1 144px}
#toolopts .adjuster-control{flex-shrink:0}
#toolopts .opt-group:has(.adjuster-control){gap:8px}
#rightpanel .pro-slider-range{min-width:40px!important;flex:1 1 60px!important}
#rightpanel .pro-slider-value{font-variant-numeric:tabular-nums;font-size:13px;min-width:48px!important;width:58px!important;text-align:right;border-radius:6px}
#rightpanel .row-slider{gap:8px;min-width:0}
#rightpanel .row-slider>label{min-width:0;flex:0 1 76px;font-size:12px}
.pro-slider-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1199px){.adjuster-control{min-height:44px}.adjuster-step{height:42px;flex-basis:32px;width:32px!important;min-width:32px!important}.adjuster-control input[type=number]{height:42px!important;font-size:14px!important}.adjuster-control{width:144px}#rightpanel .pro-slider-value{min-height:44px}}
@media(prefers-reduced-motion:reduce){.adjuster-control{transition:none}}
@media(max-width:767px){.adjuster-step{flex-basis:44px;width:44px!important;min-width:44px!important}.adjuster-control{width:172px}#rightpanel .row2:has(.adjuster-control),#activeModal .row2:has(.adjuster-control){display:grid;grid-template-columns:minmax(0,1fr)}#rightpanel .row>.adjuster-control{flex-basis:190px}}
#rightpanel,#toolopts{--slider-hit:34px;--slider-thumb:14px}
#rightpanel .pro-slider-value{min-height:34px}
@media(max-width:1199px){#rightpanel,#toolopts{--slider-hit:44px;--slider-thumb:20px}#rightpanel .pro-slider-value{min-height:44px}}
@media(max-width:1199px){.adjuster-control{min-height:46px}.adjuster-step{height:44px}.adjuster-control input[type=number]{height:44px!important}}
/* Slider values use the same visible +/- controls as ordinary numeric fields. */
#rightpanel .row-slider>.slider-adjuster{width:118px;flex:0 0 118px;margin-left:0}
#toolopts .slider-adjuster{width:118px;flex:0 0 118px}
.slider-adjuster .pro-slider-value{cursor:text}
.slider-adjuster .pro-slider-unit{padding-left:2px!important;padding-right:2px!important}
@media(max-width:767px){#rightpanel .row-slider{display:grid;grid-template-columns:minmax(40px,1fr) auto;align-items:center;gap:8px}#rightpanel .row-slider>label{grid-column:1/-1;max-width:none;margin-bottom:0}#rightpanel .row-slider>.slider-adjuster,#toolopts .slider-adjuster{width:162px;flex-basis:162px}#rightpanel .row-slider>.pro-slider-range{width:100%;min-width:40px!important}}
#rightpanel .row-slider{flex-wrap:wrap}
