.zoom-slider{--fraction: .5;position:fixed;z-index:4;display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;background:#14100d73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--muted);font-size:.75rem;opacity:.55;transition:opacity .2s;user-select:none;-webkit-user-select:none;touch-action:none}.zoom-slider:hover,.zoom-slider:focus-visible,.zoom-slider.active,.zoom-slider.changed{opacity:1}.zoom-slider:focus{outline:none}.zoom-slider:focus-visible{border-color:var(--terracotta)}.zoom-minus,.zoom-plus{width:1rem;text-align:center;font-size:.95rem;line-height:1;cursor:pointer;color:var(--light)}.zoom-value{min-width:2.6rem;text-align:center;font-variant-numeric:tabular-nums}.zoom-track{position:relative;cursor:pointer}.zoom-track:before{content:"";position:absolute;border-radius:999px;background:#ffffff38}.zoom-zero{position:absolute;background:#ffffff73}.zoom-button{position:absolute;width:.85rem;height:.85rem;border:2px solid var(--light);border-radius:50%;background:var(--terracotta);transform:translate(-50%,-50%)}.zoom-x .zoom-track{width:9rem;height:1rem}.zoom-x .zoom-track:before{left:0;right:0;top:50%;height:3px;transform:translateY(-50%)}.zoom-x .zoom-zero{left:calc(var(--zero, .5) * 100%);top:20%;bottom:20%;width:1px}.zoom-x .zoom-button{left:calc(var(--fraction) * 100%);top:50%}.zoom-y{flex-direction:column-reverse;padding:.6rem .35rem}.zoom-y .zoom-track{width:1rem;height:9rem}.zoom-y .zoom-track:before{top:0;bottom:0;left:50%;width:3px;transform:translate(-50%)}.zoom-y .zoom-zero{top:calc((1 - var(--zero, .5)) * 100%);left:20%;right:20%;height:1px}.zoom-y .zoom-button{top:calc((1 - var(--fraction)) * 100%);left:50%}.zoom-y .zoom-value{order:-1;min-width:0}[data-design=modern-light] .zoom-slider{background:#ffffff8c}[data-design=modern-light] .zoom-track:before{background:#0000002e}[data-design=modern-light] .zoom-zero{background:#00000059}[data-design=modern-light] .zoom-minus,[data-design=modern-light] .zoom-plus{color:var(--text)}.zoom-hint{position:fixed;z-index:4;margin:0;padding:.25rem .6rem;border-radius:10px;background:#14100d73;color:var(--muted);font-size:.72rem;line-height:1.4;opacity:.7;transition:opacity .2s,color .2s,background .2s,box-shadow .2s}.zoom-hint:hover{opacity:1;background:#14100dd9}[data-design=modern-light] .zoom-hint{background:#ffffff8c}[data-design=modern-light] .zoom-hint:hover{background:#fffffff2}:root .zoom-hint:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.draggable{cursor:grab}.draggable.dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.draggable.dragging *{cursor:grabbing}.magnifier-button{position:fixed;z-index:5;display:inline-flex;padding:.3rem;border-radius:8px;background:var(--black);color:var(--muted)}.magnifier-button svg{display:block;width:1.15rem;height:1.15rem}.magnifier-button[aria-pressed=true]{border-color:var(--terracotta);color:var(--light)}.magnifier{position:fixed;z-index:6;width:240px;height:240px;overflow:hidden;border:2px solid var(--terracotta);border-radius:50%;background:var(--black);box-shadow:0 10px 40px #0000008c;pointer-events:none}.magnifier[hidden]{display:none}.magnifier .magnifier-svg{position:absolute;overflow:visible}.with-magnifier{cursor:crosshair}@media (max-width: 800px){.zoom-slider,.zoom-hint,.magnifier-button,.magnifier{display:none}}