/* Shared Studio controls, including crop and background dialogs. */
.studio-shell input[type=range]:not(#skin-volume) {
    display:block; width:100%; min-width:0; height:8px !important; min-height:0 !important;
    padding:0 !important; border:0 !important; border-radius:999px;
    appearance:none; -webkit-appearance:none; cursor:pointer;
    background:var(--studio-raised,#e5e7eb) !important; accent-color:#2563eb;
}
.studio-shell input[type=range]:not(#skin-volume)::-webkit-slider-runnable-track { height:8px; border-radius:999px; background:var(--studio-raised,#e5e7eb); }
.studio-shell input[type=range]:not(#skin-volume)::-webkit-slider-thumb { -webkit-appearance:none; width:16px; height:16px; margin-top:-4px; border:0; border-radius:50%; background:#2563eb; }
.studio-shell input[type=range]:not(#skin-volume)::-moz-range-track { height:8px; border:0; border-radius:999px; background:var(--studio-raised,#e5e7eb); }
.studio-shell input[type=range]:not(#skin-volume)::-moz-range-thumb { width:16px; height:16px; border:0; border-radius:50%; background:#2563eb; }
.studio-shell input[type=range]:not(#skin-volume):focus-visible { outline:2px solid var(--studio-link,#2563eb); outline-offset:5px; }
.studio-shell input[type=range]:disabled { opacity:.5; cursor:default; }
.studio-shell dialog label:has(> input[type=range]) { display:block; }
.studio-shell dialog label > input[type=range] { margin:12px 0 20px; }

.studio-shell dialog canvas { touch-action:none; }