.zoom-toolbar{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px;background:#171714;color:#fff;border-left:4px solid var(--acid)}.zoom-toolbar button{height:30px;min-width:34px;border:1px solid #686861;background:#2b2b27;color:#fff;font-size:12px;font-weight:bold;cursor:pointer}.zoom-toolbar button:hover{background:var(--acid);color:#171714}.zoom-toolbar input[type=range]{width:min(220px,32%);margin:0;accent-color:var(--acid)}.zoom-toolbar output{float:none;min-width:42px;color:var(--acid);font-size:11px;font-weight:bold}.zoom-toolbar span{margin-left:auto;color:#aaa99f;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.image-stage>img{transform-origin:center center;will-change:transform}.image-stage.is-panning{cursor:grabbing}.image-stage.can-pan{cursor:grab}@media(max-width:700px){.zoom-toolbar{flex-wrap:wrap}.zoom-toolbar input[type=range]{flex:1;width:auto}.zoom-toolbar span{width:100%;margin:0;text-align:center}}