.compositor-outer.svelte-1yfkktj{display:flex;flex-direction:column;gap:.75rem}.compositor-mid.svelte-1yfkktj{display:flex;gap:.75rem;align-items:stretch}.compositor-wrapper.svelte-1yfkktj{flex:1;min-width:0;overflow:hidden;box-shadow:0 4px 16px #0000001f;background:var(--bg-muted)}.compositor-wrapper.svelte-1yfkktj canvas:where(.svelte-1yfkktj){display:block!important;width:100%!important;height:auto!important}.h-slider-external.svelte-1yfkktj,.v-slider-external.svelte-1yfkktj{background:#fff;border-radius:10px;border:2px solid #e9ecef;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:.6rem}.h-slider-external.svelte-1yfkktj{flex-direction:column;gap:.4rem;padding:.5rem .75rem .6rem}.v-slider-external.svelte-1yfkktj{flex-direction:column;justify-content:center;padding:.75rem .6rem}.slider-icon.svelte-1yfkktj{font-size:1.1rem;color:#495057;flex-shrink:0}.h-slider-external.svelte-1yfkktj input[type=range]:where(.svelte-1yfkktj){width:100%;height:16px;accent-color:#fc8c04;cursor:pointer}.v-slider-external.svelte-1yfkktj input[type=range]:where(.svelte-1yfkktj){writing-mode:bt-lr;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:16px;height:100%;min-height:80px;accent-color:#fc8c04;cursor:pointer}.zoom-row.svelte-1yfkktj{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;padding:.5rem 1rem;border-radius:10px;border:2px solid #e9ecef;box-shadow:0 2px 8px #00000014}.zoom-btn.svelte-1yfkktj{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f8f9fa;border:1px solid #dee2e6;color:#495057;cursor:pointer;font-size:1rem;transition:all .15s}.zoom-btn.svelte-1yfkktj:hover{background:#fc8c04;border-color:#fc8c04;color:#fff}.zoom-level.svelte-1yfkktj{font-size:.85rem;font-weight:600;color:#495057;min-width:42px;text-align:center}