.mode-tabs[data-v-38541728]{gap:var(--space-2);flex-wrap:wrap;display:flex}.mode-tab[data-v-38541728]{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);min-height:2.25rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;font-size:.875rem}.mode-tab[data-v-38541728]:hover{color:var(--color-text);border-color:var(--color-text)}.mode-tab--active[data-v-38541728]{color:var(--color-accent-contrast);background:var(--color-accent);border-color:var(--color-accent)}.field[data-v-38541728],.field-row[data-v-38541728]{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.field[data-v-38541728]{flex-direction:column;align-items:stretch;max-width:12rem}.field__label[data-v-38541728]{color:var(--color-text-muted);font-size:.875rem}.field__input[data-v-38541728]{min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font:inherit}.field__input[data-v-38541728]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.field-row__lock[data-v-38541728]{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--color-text-muted);font-size:.875rem;display:flex}.preset-options[data-v-38541728]{gap:var(--space-2);flex-wrap:wrap;display:flex}.preset-option[data-v-38541728]{min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;font-size:.875rem}.preset-option[data-v-38541728]:hover{border-color:var(--color-text)}.preset-option--active[data-v-38541728]{border-color:var(--color-accent);background:var(--color-bg-subtle)}.stage[data-v-a23c1a4e]{--stage-viewport-height:min(58vh, 620px);align-items:stretch;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.stage__crop-bar[data-v-a23c1a4e]{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.stage__canvas-area[data-v-a23c1a4e]{width:100%;min-height:var(--stage-viewport-height);position:relative}.stage__aspect-options[data-v-a23c1a4e]{gap:var(--space-1);flex-wrap:wrap;display:flex}.stage__crop-actions[data-v-a23c1a4e]{gap:var(--space-2);flex-shrink:0;display:flex}.stage__frame[data-v-a23c1a4e]{transition:width var(--duration-base) var(--ease-in-out), height var(--duration-base) var(--ease-in-out);line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage__viewport[data-v-a23c1a4e]{position:absolute;inset:0;overflow:hidden}.stage__canvas[data-v-a23c1a4e]{transform-origin:0 0;transition:transform var(--duration-base) var(--ease-in-out);position:absolute;top:0;left:0}.stage__image[data-v-a23c1a4e]{transition:transform var(--duration-base) var(--ease-in-out);display:block;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.stage__frame[data-v-a23c1a4e],.stage__canvas[data-v-a23c1a4e],.stage__image[data-v-a23c1a4e]{transition:none}}.stage__mask[data-v-a23c1a4e]{pointer-events:none;background:#0000008c;width:100%;position:absolute;left:0}.stage__mask--top[data-v-a23c1a4e]{top:0}.stage__mask--bottom[data-v-a23c1a4e]{bottom:0}.stage__mask--left[data-v-a23c1a4e]{width:auto;left:0}.stage__mask--right[data-v-a23c1a4e]{width:auto;left:auto;right:0}.stage__rect[data-v-a23c1a4e]{border:2px solid var(--color-accent-contrast);outline:1px solid var(--color-accent);cursor:move;touch-action:none;position:absolute}.stage__handle[data-v-a23c1a4e]{border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-accent-contrast);cursor:nwse-resize;touch-action:none;width:1.25rem;height:1.25rem;margin:-.625rem;position:absolute}.stage__handle[data-v-a23c1a4e]:before{content:"";position:absolute;inset:-.75rem}.stage__handle--top-left[data-v-a23c1a4e]{top:0;left:0}.stage__handle--top-right[data-v-a23c1a4e]{cursor:nesw-resize;top:0;right:0}.stage__handle--bottom-left[data-v-a23c1a4e]{cursor:nesw-resize;bottom:0;left:0}.stage__handle--bottom-right[data-v-a23c1a4e]{bottom:0;right:0}.stage__output-size[data-v-a23c1a4e]{color:var(--color-text-muted);text-align:center;margin:0;font-size:.8125rem}.segmented__option--compact[data-v-a23c1a4e]{min-height:2.25rem;padding:var(--space-1) var(--space-3);font-size:.8125rem}.button--compact[data-v-a23c1a4e]{min-height:2.25rem;padding:var(--space-1) var(--space-4)}.toolbar[data-v-c5891b77]{gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar__button[data-v-c5891b77]{justify-content:center;align-items:center;gap:var(--space-1);min-width:4.25rem;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);background:0 0;flex-direction:column;display:flex}.toolbar__button[data-v-c5891b77]:hover{border-color:var(--color-text)}.toolbar__button[data-v-c5891b77]:active{transform:scale(.97)}.toolbar__button--active[data-v-c5891b77]{border-color:var(--color-accent);background:var(--color-bg-subtle);color:var(--color-accent)}.toolbar__icon[data-v-c5891b77]{flex-shrink:0;width:1.25rem;height:1.25rem}.toolbar__label[data-v-c5891b77]{white-space:nowrap;font-size:.6875rem;line-height:1}.compressor[data-v-5b19bd11]{gap:var(--space-4);flex-direction:column;display:flex}.format-select[data-v-5b19bd11]{gap:var(--space-2);flex-direction:column;display:flex}.settings-label[data-v-5b19bd11]{color:var(--color-text-muted);margin:0;font-size:.875rem}.message--muted[data-v-5b19bd11]{font-size:.8125rem}.size-row[data-v-5b19bd11]{justify-content:center;gap:var(--space-1);flex-direction:column;min-height:3.5rem;display:flex}.size-row__value[data-v-5b19bd11]{margin:0;font-size:1rem}.size-row__result[data-v-5b19bd11]{color:var(--color-accent);font-weight:600}.size-row__value--muted[data-v-5b19bd11]{opacity:.55}.size-row__note[data-v-5b19bd11]{color:var(--color-text-muted);align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:.8125rem;display:flex}.size-row__stage[data-v-5b19bd11]{margin:0;font-size:.875rem}.visually-hidden[data-v-5b19bd11]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropzone--accepted[data-v-5b19bd11]{border-color:var(--color-accent);transform:scale(.98)}@media (prefers-reduced-motion:reduce){.dropzone--accepted[data-v-5b19bd11]{transform:none}}.stage-reveal-content[data-v-5b19bd11]{gap:var(--space-4);flex-direction:column;display:flex}.stage-placeholder[data-v-5b19bd11]{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:min(58vh,620px)}.stage-reveal-enter-active[data-v-5b19bd11]{transition:opacity var(--stage-reveal-duration,.2s) var(--ease-out) var(--stage-reveal-delay,0s)}.stage-reveal-leave-active[data-v-5b19bd11]{transition:opacity .12s var(--ease-out)}.stage-reveal-enter-from[data-v-5b19bd11],.stage-reveal-leave-to[data-v-5b19bd11]{opacity:0}@media (prefers-reduced-motion:reduce){.stage-reveal-enter-active[data-v-5b19bd11],.stage-reveal-leave-active[data-v-5b19bd11]{transition-delay:0s}}.editor-drawer-enter-active[data-v-5b19bd11],.editor-drawer-leave-active[data-v-5b19bd11]{transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.editor-drawer-enter-from[data-v-5b19bd11],.editor-drawer-leave-to[data-v-5b19bd11]{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.editor-drawer-enter-active[data-v-5b19bd11],.editor-drawer-leave-active[data-v-5b19bd11]{transition:opacity var(--duration-fast) linear}.editor-drawer-enter-from[data-v-5b19bd11],.editor-drawer-leave-to[data-v-5b19bd11]{transform:none}}.editor-hero[data-v-cf8b5647]{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}.editor-hero__intro[data-v-cf8b5647]{gap:var(--space-4);flex-direction:column;display:flex}.editor-hero__tool[data-v-cf8b5647]{min-width:0}.editor-hero__bar[data-v-cf8b5647]{gap:var(--space-2);flex-direction:column;display:flex}.intro__brand[data-v-cf8b5647]{letter-spacing:.02em;color:var(--color-accent);margin:0;font-size:.875rem;font-weight:600}.intro__headline[data-v-cf8b5647]{transition:font-size var(--duration-base) var(--ease-out);font-size:clamp(1.75rem,4vw + 1rem,2.5rem)}.intro__subtext[data-v-cf8b5647]{color:var(--color-text-muted);font-size:1.0625rem}.editor-hero[data-phase=work] .intro__headline[data-v-cf8b5647]{font-size:1.25rem}.editor-hero__leaving-item[data-v-cf8b5647]{transition:opacity var(--leaving-duration) var(--ease-out) var(--leaving-delay,0s), transform var(--leaving-duration) var(--ease-out) var(--leaving-delay,0s)}.editor-hero[data-phase=work] .editor-hero__leaving-item[data-v-cf8b5647]{opacity:0;pointer-events:none;transform:translateY(-8px)}.editor-hero[data-phase=work] .editor-hero__leaving[data-v-cf8b5647]{pointer-events:none;height:0;overflow:visible}.editor-hero[data-phase=work] .editor-hero__intro[data-v-cf8b5647]{gap:0}.editor-hero__leaving[data-v-cf8b5647]{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=860px){.editor-hero[data-v-cf8b5647]{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center}.editor-hero__intro[data-v-cf8b5647]{padding-top:var(--space-4)}.editor-hero[data-phase=work][data-v-cf8b5647]{gap:var(--space-4);grid-template-columns:1fr}.editor-hero[data-phase=work] .editor-hero__intro[data-v-cf8b5647]{padding-top:0}.editor-hero[data-phase=work] .editor-hero__bar[data-v-cf8b5647]{align-items:baseline;gap:var(--space-3);flex-direction:row}.editor-hero[data-phase=work] .intro__headline[data-v-cf8b5647]{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.intro__headline[data-v-cf8b5647]{transition:none}}