.canvas-container.svelte-1ki8e2c{height:100%;width:auto;box-sizing:border-box;border-radius:2px;position:relative;max-width:100%;display:flex;align-items:center}div[role=button].svelte-18ilr55{cursor:pointer}.row.svelte-18ilr55{display:flex;flex-direction:row;align-items:center;gap:var(--gap-large)}.controls.svelte-18ilr55{display:flex;flex-direction:column;gap:var(--gap-large);padding:8px 24px 24px}.control-section.svelte-18ilr55{display:flex;flex-direction:column;background-color:var(--mosaic-panel-background);border-radius:12px;box-shadow:0 4px 8px #0000;border:1px solid var(--mosaic-panel-stroke);transition:all .2s cubic-bezier(.5,.5,.25,1)}.control-section.disabled.svelte-18ilr55>:where(.svelte-18ilr55){opacity:.5;pointer-events:none}.active.control-section.svelte-18ilr55{box-shadow:0 2px 8px #050a0a0d;z-index:100;transform:scale(1.03);margin:calc(var(--height) * .075 * 1px) 0}.control-section.svelte-18ilr55:hover{box-shadow:0 2px 8px #050a0a0d}.section-header.svelte-18ilr55{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 24px;height:54px;box-sizing:border-box;color:var(--mosaic-text-dark);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:15px;border:none;background-color:transparent;cursor:pointer}.row.svelte-1brycqe{display:flex;flex-direction:row;align-items:center;gap:0}.column.svelte-1brycqe{display:flex;flex-grow:1;flex-direction:column;align-items:center;gap:8px}p.label.svelte-1brycqe{-webkit-user-select:none;user-select:none;-moz-user-select:none}.selector.svelte-1brycqe{position:relative;aspect-ratio:1;height:auto;width:100%;border-radius:12px;border:1px solid var(--mosaic-panel-stroke, #e7e7e7);background:linear-gradient(180deg,#e8e7e72e -3.5%,#e7e4e4c7 82.58%,#e7e4e4e6),linear-gradient(133deg,#508798cc 9.57%,#b47e3600 52.14%),linear-gradient(42deg,#b47e3600 9.57%,#b47e36cc 90.68%),#e7e4e4}.selector.svelte-1brycqe:after{content:"";background:url(../../../restore-dot-pattern.svg) center / cover repeat;background-size:16px;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.5}.selector.selectable.svelte-1brycqe{cursor:crosshair}.left.svelte-1brycqe{writing-mode:sideways-lr;text-orientation:mixed;padding-right:8px}.right.svelte-1brycqe{writing-mode:vertical-rl;text-orientation:mixed;padding-left:8px}.knob.svelte-1brycqe{position:absolute;border-radius:50%;width:var(--knob-size);height:var(--knob-size);border:1px solid var(--mosaic-primary);background-color:var(--mosaic-panel-foreground);cursor:grab;transition:none;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.5,.5,.25,1),filter .2s cubic-bezier(.5,.5,.25,1);z-index:2}.knob.svelte-1brycqe:active{cursor:grabbing;transform:scale(1.3)}.knob.svelte-1brycqe:hover{filter:drop-shadow(0 0 8px rgba(121,121,121,.5))}.snap-indicator.svelte-1brycqe{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background:var(--mosaic-primary);z-index:1;opacity:0;transition:opacity .2s cubic-bezier(.5,.5,.25,1)}.snap-indicator.svelte-1brycqe:hover,.snap-indicator.show.svelte-1brycqe{opacity:.5}.snap-indicator.clickable.svelte-1brycqe{cursor:pointer;opacity:0}.snap-indicator.clickable.svelte-1brycqe:hover{opacity:.6}.slider-container.svelte-1do2180{display:flex;flex-direction:column;gap:4px}.slider-control.svelte-1do2180{display:flex;align-items:center;gap:16px;width:100%}input[type=number].svelte-1do2180{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border:none;background-color:var(--mosaic-panel-foreground);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;color:var(--mosaic-text-dark);height:28px;width:60px;padding:8px;box-sizing:border-box;border-radius:8px;display:flex;text-align:center;align-items:center;justify-content:center}input[type=number].svelte-1do2180:focus{outline:none;border:1px solid var(--mosaic-primary)}input[type=number].svelte-1do2180::-webkit-outer-spin-button,input[type=number].svelte-1do2180::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.darken.svelte-ol6aed{position:absolute;width:100%;height:100%;background:#000;opacity:.5}.crop-handles.svelte-ol6aed{position:absolute;width:100%;height:100%;border:2px solid var(--mosaic-primary);box-sizing:border-box}.resize-handle.svelte-ol6aed{position:absolute;border:1px solid var(--gray-1);background-color:var(--gray-0);box-shadow:-1px 1px 5px 1px #0000001a;border-radius:100px;max-height:100%;max-width:100%}.resize-handle.svelte-ol6aed:hover{background-color:var(--gray-1)}.resize-handle-corner.svelte-ol6aed{position:absolute;width:30px;height:30px;max-width:100%;max-height:100%}.resize-handle-corner.svelte-ol6aed:before,.resize-handle-corner.svelte-ol6aed:after{content:"";position:absolute;background-color:var(--gray-0);border-radius:100px;max-width:100%;max-height:100%}.resize-handle-corner.svelte-ol6aed:hover:before,.resize-handle-corner.svelte-ol6aed:hover:after{background-color:var(--gray-1)}.top-left.svelte-ol6aed,.top-right.svelte-ol6aed{top:-6px}.top-left.svelte-ol6aed,.bottom-left.svelte-ol6aed{left:-6px}.bottom-left.svelte-ol6aed,.bottom-right.svelte-ol6aed{bottom:-6px}.top-right.svelte-ol6aed,.bottom-right.svelte-ol6aed{right:-6px}.top-left.svelte-ol6aed:before,.top-right.svelte-ol6aed:before,.bottom-left.svelte-ol6aed:before,.bottom-right.svelte-ol6aed:before{width:10px;height:30px}.top-left.svelte-ol6aed:after,.top-right.svelte-ol6aed:after,.bottom-left.svelte-ol6aed:after,.bottom-right.svelte-ol6aed:after{width:30px;height:10px}.top-right.svelte-ol6aed:before,.top-right.svelte-ol6aed:after,.bottom-right.svelte-ol6aed:before,.bottom-right.svelte-ol6aed:after{right:0}.bottom-left.svelte-ol6aed:before,.bottom-left.svelte-ol6aed:after,.bottom-right.svelte-ol6aed:before,.bottom-right.svelte-ol6aed:after{bottom:0}.top.svelte-ol6aed,.bottom.svelte-ol6aed{width:60px;height:10px;cursor:ns-resize;left:50%}.top.svelte-ol6aed{top:-1px;transform:translate(-50%,-50%)}.bottom.svelte-ol6aed{bottom:-1px;transform:translate(-50%,50%)}.left.svelte-ol6aed,.right.svelte-ol6aed{width:10px;height:60px;cursor:ew-resize;top:50%}.left.svelte-ol6aed{left:-1px;transform:translate(-50%,-50%)}.right.svelte-ol6aed{right:-1px;transform:translate(50%,-50%)}.top-left.svelte-ol6aed,.bottom-right.svelte-ol6aed{cursor:nwse-resize}.top-right.svelte-ol6aed,.bottom-left.svelte-ol6aed{cursor:nesw-resize}.control-panel.svelte-mjsgpj{flex-shrink:0;display:flex;flex-direction:column;border-radius:12px;gap:8px}.refresh-container.svelte-mjsgpj{position:absolute;top:8px;right:16px}.controls-header.svelte-mjsgpj{position:relative;color:var(--mosaic-text-dark);leading-trim:both;text-edge:cap;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.controls-header.svelte-mjsgpj button{position:absolute;transform:translateY(-50%);top:50%;right:0}.control-panel.svelte-1kb9xvz{flex-shrink:0;display:flex;flex-direction:column;border-radius:12px;gap:8px}.refresh-container.svelte-1kb9xvz{position:absolute;top:8px;right:16px;display:flex}.flip.svelte-1kb9xvz{transform:rotateY(180deg)}.tm-body.svelte-1kb9xvz{padding-bottom:4px}.button-group.svelte-1kb9xvz{border-radius:8px;border:solid 1px var(--mosaic-panel-stroke, #e7e7e7);height:50px;display:flex;overflow:hidden}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz){flex-grow:1;border:none;background:none;position:relative;cursor:pointer;transition:all .5s cubic-bezier(0,.26,.38,1)}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz):hover:before,.button-group.svelte-1kb9xvz button.selected:where(.svelte-1kb9xvz):before{background-color:var(--mosaic-text-dark)}.button-group.svelte-1kb9xvz button.selected:where(.svelte-1kb9xvz){background:var(--mosaic-panel-foreground, #fff);border-radius:7px;box-shadow:0 0 8px #95959580}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz):before{content:"";background-color:var(--mosaic-text-secondary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:background-color .2s cubic-bezier(0,.26,.38,1)}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz):nth-child(1):before{width:12px;height:12px}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz):nth-child(2):before{width:18px;height:18px}.button-group.svelte-1kb9xvz button:where(.svelte-1kb9xvz):nth-child(3):before{width:24px;height:24px}