.framing-editor.svelte-1p47ij8{align-items:center;gap:var(--spacing-3);flex-direction:column;width:100%;display:flex}.mode-control.svelte-1p47ij8{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;display:inline-flex;overflow:hidden}.mode-control.svelte-1p47ij8 button:where(.svelte-1p47ij8){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-1p47ij8 button:where(.svelte-1p47ij8)+button:where(.svelte-1p47ij8){border-left:1px solid var(--color-gray-300)}.mode-control.svelte-1p47ij8 button.active:where(.svelte-1p47ij8){background:var(--color-primary-600);color:#fff}.mode-control.svelte-1p47ij8 button:where(.svelte-1p47ij8):disabled,.reset-button.svelte-1p47ij8:disabled{cursor:not-allowed;opacity:.6}.preview-frame.svelte-1p47ij8{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;position:relative;overflow:hidden}.preview-frame.adjustable.svelte-1p47ij8,.preview-frame.dragging.svelte-1p47ij8{cursor:crosshair}.preview-frame.svelte-1p47ij8 img:where(.svelte-1p47ij8){pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.framing-controls.svelte-1p47ij8{gap:var(--spacing-2);width:min(360px,100%);display:grid}.framing-controls.svelte-1p47ij8 label:where(.svelte-1p47ij8){gap:var(--spacing-1);color:var(--color-gray-700);font-size:var(--text-xs);font-weight:var(--font-medium);display:grid}.framing-controls.svelte-1p47ij8 label:where(.svelte-1p47ij8)>span:where(.svelte-1p47ij8){justify-content:space-between;gap:var(--spacing-2);display:flex}.framing-controls.svelte-1p47ij8 output:where(.svelte-1p47ij8){color:var(--color-gray-500);font-variant-numeric:tabular-nums}.framing-controls.svelte-1p47ij8 input[type=range]:where(.svelte-1p47ij8){width:100%;accent-color:var(--color-primary-600)}.framing-controls.svelte-1p47ij8 input[type=range]:where(.svelte-1p47ij8):disabled{cursor:not-allowed;opacity:.5}.focus-marker.svelte-1p47ij8{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-gray-900) 45%, transparent);width:12px;height:12px;box-shadow:var(--shadow-sm);pointer-events:none;border:2px solid #fff;position:absolute;transform:translate(-50%,-50%)}.reset-button.svelte-1p47ij8{border:1px solid var(--color-gray-300);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-3);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-xs);background:#fff}.editor-hints.svelte-1p47ij8{color:var(--color-gray-500);font-size:var(--text-xs);text-align:center}.editor-hints.svelte-1p47ij8 p:where(.svelte-1p47ij8){margin:0}