.framing-editor.svelte-adtesj{align-items:center;gap:var(--spacing-3);flex-direction:column;width:100%;display:flex}.mode-control.svelte-adtesj{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;display:inline-flex;overflow:hidden}.mode-control.svelte-adtesj button:where(.svelte-adtesj){color:var(--color-gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);background:0 0;border:0}.mode-control.svelte-adtesj button:where(.svelte-adtesj)+button:where(.svelte-adtesj){border-left:1px solid var(--color-gray-300)}.mode-control.svelte-adtesj button.active:where(.svelte-adtesj){background:var(--color-primary-600);color:#fff}.mode-control.svelte-adtesj button:where(.svelte-adtesj):focus-visible,.reset-button.svelte-adtesj:focus-visible,.preview-frame.svelte-adtesj:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.mode-control.svelte-adtesj button:where(.svelte-adtesj):disabled,.reset-button.svelte-adtesj:disabled{cursor:not-allowed;opacity:.6}.preview-frame.svelte-adtesj{aspect-ratio:1;border:2px solid var(--color-gray-400);border-radius:var(--radius-md);background-color:#fff;background-image:linear-gradient(45deg, var(--color-gray-100) 25%, transparent 25%), linear-gradient(-45deg, var(--color-gray-100) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-gray-100) 75%), linear-gradient(-45deg, transparent 75%, var(--color-gray-100) 75%);touch-action:none;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:min(260px,100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.preview-frame.adjustable.svelte-adtesj{cursor:grab}.preview-frame.dragging.svelte-adtesj{cursor:grabbing}.preview-frame.svelte-adtesj img:where(.svelte-adtesj){object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.preview-frame.fit-mode.svelte-adtesj img:where(.svelte-adtesj){object-fit:contain}.focus-marker.svelte-adtesj{border-radius:var(--radius-full);width:12px;height:12px;box-shadow:var(--shadow-dropdown);background:#00000073;border:2px solid #fff;position:absolute;transform:translate(-50%,-50%)}.editor-actions.svelte-adtesj{justify-content:center;width:100%;display:flex}.reset-button.svelte-adtesj{border:1px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);background:#fff}.reset-button.svelte-adtesj:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary-400);color:var(--color-primary-600)}.editor-hints.svelte-adtesj{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--leading-normal);text-align:center}.editor-hints.svelte-adtesj p:where(.svelte-adtesj){margin:0}