.company-image-controls{display:grid;gap:10px;margin:8px 0 20px;max-width:720px}
.company-image-preview{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden;border:1px solid #d8c9aa;border-radius:12px;background:#f3efe7;cursor:grab;touch-action:none}
.company-image-preview:active{cursor:grabbing}
.company-image-controls.logo .company-image-preview{width:min(100%,240px);aspect-ratio:1}
.company-image-preview img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.company-image-controls.logo .company-image-preview img{object-fit:contain}
.company-image-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.company-image-sliders label{display:grid;gap:5px;font-size:.88rem;font-weight:700}
.company-image-controls .company-image-sliders input[type="range"]{display:block;width:100%;min-width:0;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#9a711b;appearance:none;-webkit-appearance:none;cursor:pointer}
.company-image-sliders input[type="range"]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:999px;background:linear-gradient(to right,#b58a27 0,#b58a27 var(--range-progress,50%),#e5dccb var(--range-progress,50%),#e5dccb 100%)}
.company-image-sliders input[type="range"]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:#9a711b;box-shadow:0 0 0 1px #9a711b,0 2px 5px #0002;appearance:none;-webkit-appearance:none}
.company-image-sliders input[type="range"]::-moz-range-track{height:6px;border:0;border-radius:999px;background:#e5dccb}
.company-image-sliders input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:#b58a27}
.company-image-sliders input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#9a711b;box-shadow:0 0 0 1px #9a711b,0 2px 5px #0002}
.company-image-sliders input[type="range"]:focus-visible{outline:2px solid #9a711b;outline-offset:3px}
.company-image-controls .muted{margin:0;color:#746b5e;font-size:.86rem}
.company-image-error{margin:0;color:#ac3030;font-weight:700}
.company-image-controls .company-hero-compose{justify-self:start;padding:10px 16px;border:1px solid #9a711b;border-radius:999px;background:#fff;color:#815e11;font:inherit;font-weight:700;cursor:pointer}
.company-image-controls .company-hero-compose:hover:not(:disabled){background:#fff8e9}
.company-image-controls .company-hero-compose:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.company-image-sliders{grid-template-columns:1fr}}