/* Painting controls stay beside the model on mobile, including colour choice. */
.viewer-tools{flex-wrap:wrap;gap:6px}
.viewer-tools .tool{min-height:44px;font-size:.875rem;white-space:nowrap}
#fill-mode.active{background:#ff6b35;border-color:#e75925;color:#23150f;font-weight:700}
.paint-settings{background:white;border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:16px;min-width:0}
.paint-setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.paint-setting-row label{min-width:0;font-size:.875rem}
.paint-setting-row select{font-size:1rem;min-height:44px}
.paint-colour-picker{display:flex;align-items:center;gap:10px}
.paint-colour-picker i{height:22px;width:22px;flex-shrink:0;border:1px solid #999;border-radius:50%;margin-top:6px}
.paint-range{display:block;margin-top:16px;font-size:.875rem}
.paint-range>span:first-child{display:flex;justify-content:space-between;gap:12px}
.paint-range output{color:var(--muted);font-variant-numeric:tabular-nums}
.paint-range input{display:block;min-height:32px;width:100%;margin:2px 0 0;padding:0;border:0;accent-color:var(--orange)}
.range-ends{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--muted)}
.paint-settings .subtle,.paint-status{font-size:.875rem;line-height:1.5;margin-top:12px}
.paint-status{color:#6d371d}
.paint-status:empty{display:none}
@media(max-width:580px){.viewer-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:2px}.viewer-tools .tool{padding:8px 3px;font-size:.875rem}.paint-settings{padding:14px}.paint-setting-row{gap:10px}.paint-colour-picker{gap:6px}}
@media(max-width:360px){.paint-setting-row{grid-template-columns:1fr}.viewer-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}