html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--accent:oklch(54% .13 252);--accent-hover:oklch(47% .13 252);--accent-subtle:oklch(97% .012 252);--accent-muted:oklch(88% .035 252);--accent-border:oklch(90% .022 252);--accent-surface:oklch(96% .014 252);--accent-surface-strong:oklch(94% .018 252);--accent-ring:oklch(54% .13 252/.14);--accent-ring-strong:oklch(54% .13 252/.24);--accent-guide:oklch(54% .13 252/.75);--page-gradient:radial-gradient(ellipse 80% 50% at 50% -20%, oklch(54% .13 252/.035), transparent 70%);--white:oklch(100% 0 0);--off-white:oklch(98.5% 0 0);--canvas-bg:oklch(94.5% 0 0);--page-bg:oklch(99.5% 0 0);--section-bg:oklch(96.5% 0 0);--text:oklch(16% 0 0);--text-secondary:oklch(42% 0 0);--text-tertiary:oklch(46% 0 0);--border:oklch(90% 0 0);--border-strong:oklch(78% 0 0);--surface:oklch(97.5% 0 0);--surface-raised:oklch(99% 0 0);--surface-overlay:oklch(100% 0 0/.88);--border-overlay:oklch(90% 0 0/.85);--border-panel:oklch(90% 0 0/.75);--highlight-inset:oklch(100% 0 0/.65);--success:oklch(28% 0 0);--success-subtle:oklch(96.5% 0 0);--success-muted:oklch(84% 0 0);--success-hover:oklch(20% 0 0);--success-border:oklch(82% 0 0);--success-border-strong:oklch(72% 0 0);--success-focus-ring:oklch(28% 0 0/.12);--warning-text:oklch(45% .1 65);--warning-bg:oklch(97% .025 85);--warning-border:oklch(88% .06 85);--error-text:oklch(48% .14 25);--error-bg:oklch(97% .015 25);--error-border:oklch(88% .06 25);--info-text:oklch(40% .04 252);--info-bg:oklch(97.5% .008 252);--info-border:oklch(88% .025 252);--footer-bg:oklch(16% 0 0);--footer-text:oklch(62% 0 0);--footer-text-strong:oklch(92% 0 0);--footer-separator:oklch(62% 0 0/.45);--ink:oklch(16% 0 0);--shadow-color:oklch(16% 0 0/.05);--shadow-color-strong:oklch(16% 0 0/.1);--shadow-editor:0 1px 2px var(--shadow-color), 0 16px 40px var(--shadow-color-strong), 0 0 0 1px oklch(0% 0 0/.05);--shadow-canvas:inset 0 1px 2px var(--shadow-color), 0 2px 12px oklch(16% 0 0/.06);--shadow-lift:0 4px 24px var(--shadow-color-strong);--shadow-raised:0 1px 4px oklch(16% 0 0/.12);--shadow-card:0 2px 12px oklch(16% 0 0/.12);--btn-text:oklch(22% 0 0);--btn-text-hover:oklch(35% 0 0);--btn-default-text:oklch(22% 0 0/.85);--btn-border:oklch(22% 0 0/.12);--btn-border-hover:oklch(22% 0 0/.2);--btn-border-subtle:oklch(0% 0 0/.1);--btn-shadow-rest:oklch(0% 0 0/.02);--btn-shadow:oklch(22% 0 0/.03);--btn-shadow-hover:oklch(22% 0 0/.1);--btn-active-bg:oklch(94% 0 0);--checker-light:oklch(92% 0 0);--checker-dark:oklch(86% 0 0);--checker-tile-faint:oklch(16% 0 0/.025);--checker-tile-mid:oklch(16% 0 0/.04);--checker-tile:oklch(16% 0 0/.05);--print-stage-checker-a:oklch(91% 0 0);--print-stage-checker-b:oklch(96% 0 0);--focus-ring:2px solid var(--accent);--focus-offset:2px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--max-width:1360px;--panel-width:384px;--header-height:64px;--radius-2xs:2px;--radius-xs:4px;--radius-sm:8px;--radius:10px;--radius-icon:6px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-base:.2s ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-inline:var(--space-2);--space-group:var(--space-3);--space-block:var(--space-4);--space-panel-divide:var(--space-5);--space-page-x:var(--space-6);--space-page-y:var(--space-7);--space-section:var(--space-7);--space-panel-x:var(--space-5);--space-panel-y:var(--space-6);--layout-editor-inset:calc(var(--space-page-y) + var(--space-block));--editor-gap-tight:var(--space-inline);--editor-gap:var(--space-group);--editor-gap-loose:var(--space-block);--editor-output-width:132px;--z-sticky-panel:20;--z-header:50;--z-skip-link:100}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--page-bg);background-image:var(--page-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}#root{min-height:100svh}.skip-link{z-index:var(--z-skip-link);color:var(--white);background:var(--accent);box-shadow:var(--shadow-editor);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);top:16px}h1,h2,p{margin:0}button{font-family:inherit}.app{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.app__main{width:100%;max-width:var(--max-width);padding:var(--space-5) var(--space-page-x) var(--space-page-y);padding-left:calc(var(--space-page-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-page-x) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-page-y) + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}.app__below{margin-top:var(--space-section);margin-left:calc(-1 * var(--space-page-x) - env(safe-area-inset-left,0px));margin-right:calc(-1 * var(--space-page-x) - env(safe-area-inset-right,0px));padding:var(--space-section) calc(var(--space-page-x) + env(safe-area-inset-right,0px)) var(--space-page-y) calc(var(--space-page-x) + env(safe-area-inset-left,0px));background:var(--section-bg);border-top:1px solid var(--border);box-shadow:inset 0 1px 0 var(--highlight-inset)}.site-header{z-index:var(--z-header);padding:var(--space-group) var(--space-panel-divide);padding-top:calc(var(--space-group) + env(safe-area-inset-top,0px));padding-left:calc(var(--space-panel-divide) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-panel-divide) + env(safe-area-inset-right,0px));border-bottom:1px solid var(--border-overlay);background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.site-header__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--space-block);min-height:calc(var(--header-height) - var(--space-group) * 2);margin:0 auto;display:flex}.site-header__brand{align-items:center;gap:var(--space-group);flex-wrap:wrap;display:flex}.site-header__logo-link{color:inherit;text-decoration:none}.site-header__logo{letter-spacing:-.035em;color:var(--text);margin:0;font-size:20px;font-weight:800;line-height:1}.site-header__logo-link:hover{color:var(--accent)}.site-header__logo-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.site-header__logo-short{display:none}.site-header__tagline{color:var(--text-secondary);letter-spacing:-.01em;font-size:13px;font-weight:400}.site-header__actions{align-items:center;gap:var(--space-block);flex-wrap:wrap;display:flex}.site-header__nav-list{align-items:center;gap:var(--space-1) var(--space-group);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header__nav-link{min-height:44px;color:var(--text-secondary);letter-spacing:-.01em;transition:color var(--transition-fast);align-items:center;padding:8px 4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.site-header__nav-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.site-header__nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.site-header__nav-link[aria-current=page]{color:var(--accent);font-weight:600}.site-header__device-note{letter-spacing:-.01em;color:var(--text-secondary);white-space:nowrap;background:var(--off-white);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.editor{grid-template-columns:minmax(0, 1fr) var(--panel-width);background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-editor);grid-template-rows:auto auto;align-items:start;display:grid;overflow:hidden}.editor--crop{align-items:stretch}.editor--crop .editor__preview{min-height:calc(100svh - var(--header-height) - var(--layout-editor-inset))}@media (width>=901px){.editor--empty .editor__panel{padding-top:var(--space-5);padding-bottom:var(--space-5)}.editor--empty .panel-section{padding-bottom:var(--space-block)}.editor--empty .tool-settings__area--waiting{min-height:unset;background:0 0;border:none;padding:0}.editor--empty .tool-settings__empty{text-align:left;margin:0}.editor--empty .output-empty{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-group)}.editor--empty .panel-section--output #download-hint{display:none}.editor--empty .editor__preview{align-self:stretch}.editor--empty .preview{flex:1;min-height:0}}.editor__preview{min-height:0;max-height:calc(100svh - var(--header-height) - var(--layout-editor-inset));background:var(--canvas-bg);border-right:1px solid var(--border-panel);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);flex-direction:column;grid-row:1;display:flex;overflow:hidden auto}.editor__panel{padding:var(--space-panel-y) var(--space-panel-x);min-height:0;max-height:calc(100svh - var(--header-height) - var(--layout-editor-inset));background:var(--white);border-top-right-radius:var(--radius-lg);flex-direction:column;grid-row:1;gap:0;display:flex;overflow:hidden auto}.editor__bar{padding:var(--space-block) var(--space-panel-divide);border-top:1px solid var(--border);background:var(--off-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);grid-column:1/-1}.editor__zone-label{letter-spacing:-.01em;color:var(--text-secondary);margin:0 0 12px;font-size:12px;font-weight:600;display:none}.preview{padding:var(--space-panel-divide) var(--space-page-x) var(--space-page-x);flex-direction:column;flex:1;display:flex}.preview__header{margin-bottom:var(--space-block)}.preview__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:600}.preview__stage{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.preview__canvas{aspect-ratio:4/3;border-radius:var(--radius);background-color:var(--white);width:100%;max-width:680px;min-height:400px;box-shadow:var(--shadow-canvas);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview__canvas--empty{background-color:var(--canvas-bg);background-image:linear-gradient(45deg, var(--checker-tile-faint) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-tile-faint) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-tile-faint) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-tile-faint) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.preview__canvas--dragging,.upload-zone--dragging{outline:2px solid var(--accent-muted);outline-offset:-2px}.preview__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.preview__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview__empty{text-align:center;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border);max-width:340px;box-shadow:var(--shadow-lift);padding:32px 28px}.preview__empty-art{width:80px;height:80px;color:var(--text-secondary);background:var(--off-white);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lift);justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.preview__empty-art svg{display:block}.preview__empty-title{letter-spacing:-.03em;color:var(--text);text-wrap:balance;margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.3}.preview__empty-text{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.55}.panel-section{gap:var(--space-group);padding-bottom:var(--space-panel-divide);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.panel-section:last-of-type{border-bottom:none;padding-bottom:0}.panel-section--output{margin-top:auto;margin-inline:calc(-1 * var(--space-panel-x));margin-bottom:calc(-1 * var(--space-panel-y));padding:var(--space-panel-divide) var(--space-panel-x) var(--space-panel-y);background:var(--off-white);border-top:1px solid var(--border-strong)}.panel-section__head{align-items:flex-start;gap:var(--space-group);margin-bottom:0;display:flex}.panel-section__step{width:22px;height:22px;color:var(--text-tertiary);background:var(--white);border:1px solid var(--border);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.panel-section--upload .panel-section__step,.panel-section:not(.panel-section--waiting) .panel-section__step{color:var(--white);border-color:var(--text);background:var(--text)}.panel-section__title{letter-spacing:-.025em;color:var(--text);font-size:16px;font-weight:700;line-height:1.25}.panel-section__hint{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.4}.panel-section--waiting .panel-section__hint{color:var(--text-tertiary)}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--white);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);text-align:center;flex-direction:column;align-items:stretch;gap:0;padding:20px 16px;display:flex}.upload-zone:hover,.upload-zone:focus-visible{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 4px var(--accent-ring);border-style:solid;outline:none}.upload-zone--ready{border-style:solid;border-color:var(--border-strong);background:var(--white)}.upload-zone--success{border-color:var(--success-border);background:var(--success-subtle)}.upload-zone--success .upload-zone__icon{color:var(--success);border-color:var(--success-border);background:var(--white)}.upload-zone--success:hover,.upload-zone--success:focus-visible{background:var(--success-subtle);border-color:var(--success-border-strong);box-shadow:0 0 0 3px var(--success-focus-ring);outline:none}.upload-zone--success:hover .upload-zone__icon,.upload-zone--success:focus-visible .upload-zone__icon{color:var(--success);border-color:var(--success-border)}.upload-zone--success.upload-zone--dragging{outline-color:var(--success-border-strong)}.upload-zone__icon{width:44px;height:44px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.upload-zone:hover .upload-zone__icon,.upload-zone:focus-visible .upload-zone__icon{color:var(--accent);border-color:var(--accent-muted)}.upload-zone__label{letter-spacing:-.025em;color:var(--text);font-size:15px;font-weight:700}.upload-zone__hint{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.upload-zone .btn{pointer-events:none;margin-bottom:10px}.upload-zone__microcopy{color:var(--text-tertiary);font-size:11px;line-height:1.4}.upload-clear{margin-top:8px}.alert-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.panel-section--upload .alert-error{margin-top:10px}.alert-notice{color:var(--text-secondary);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.panel-section--upload .alert-notice{margin-top:10px}.upload-zone__hint--filename{text-overflow:ellipsis;white-space:nowrap;align-self:stretch;min-width:0;max-width:100%;overflow:hidden}.upload-zone--loading{pointer-events:none;opacity:.85}.preview__loading{justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.preview__load-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:28rem;margin:0 auto;padding:24px;display:flex}.preview__load-error-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.error-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:40vh;padding:32px 24px;display:flex}.error-fallback--compact{min-height:auto;padding:24px 16px}.error-fallback__title{letter-spacing:-.025em;color:var(--text);margin:0;font-size:18px;font-weight:700}.error-fallback__text{max-width:36rem;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.error-fallback__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-state__icon{color:var(--text-tertiary);margin-bottom:4px}.empty-state__title{color:var(--text);font-size:16px;font-weight:600}.empty-state__text{color:var(--text-secondary);max-width:280px;font-size:13px;line-height:1.5}.upload-privacy{color:var(--text-secondary);margin-top:14px;font-size:11px;line-height:1.5}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-tabs{gap:var(--space-inline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-tabs__tab{text-align:left;width:100%;color:var(--text-secondary);background:var(--off-white);border:1px solid var(--border);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 12px 11px;display:flex;position:relative}.tool-tabs__tab:hover{color:var(--text);background:var(--white);border-color:var(--border-strong)}.tool-tabs__tab--active{color:var(--text);background:var(--white);border:2px solid var(--accent);box-shadow:0 0 0 3px var(--accent-ring);padding:11px 11px 10px}.tool-tabs__tab--active:before{content:none}.tool-tabs__tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tool-tabs__icon{border-radius:var(--radius-icon);background:var(--white);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-tabs__tab--active .tool-tabs__icon{color:var(--white);border-color:var(--accent);background:var(--accent)}.tool-tabs__tab-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tool-tabs__label{letter-spacing:-.01em;font-size:13px;font-weight:600}.tool-tabs__desc{color:var(--text-tertiary);font-size:11px;font-weight:400;line-height:1.35}.tool-tabs__tab--active .tool-tabs__desc{color:var(--text-secondary)}.tool-tabs__tab--active .tool-tabs__label{font-weight:700}.tool-settings__description{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:1.5}.tool-settings__area{border-radius:var(--radius-sm);background:var(--off-white);border:1px solid var(--border);align-items:center;min-height:64px;padding:14px;display:flex}.tool-settings__area--waiting{background:var(--white);border-color:var(--border)}.tool-settings__empty{width:100%;margin:0}.tool-settings__content{width:100%}.tool-settings__area--waiting .empty-state{width:100%;padding:8px 4px}.output-meta{gap:var(--space-1);margin:0 0 var(--space-group);padding:var(--space-group);background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;display:flex}.output-meta__item{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.output-meta__item dt{color:var(--text-secondary);font-weight:400}.output-meta__item dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.output-meta__item--hero{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:6px}.output-meta__item--hero dt{color:var(--text);font-weight:600}.output-meta__item--hero dd{color:var(--text);font-size:15px;font-weight:700}.output-empty{color:var(--text-secondary);text-align:center;background:var(--off-white);border-radius:var(--radius-sm);border:1px solid var(--border);margin:0 0 12px;padding:12px;font-size:13px;line-height:1.5}.output-note{color:var(--text-tertiary);text-align:center;margin-top:10px;font-size:11px;line-height:1.45}.btn{letter-spacing:-.01em;border-radius:var(--radius-xs);border:1px solid var(--btn-border-subtle);background:var(--white);min-height:44px;box-shadow:var(--btn-shadow-rest) 0 1px 3px 0;color:var(--btn-default-text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;padding:calc(.875rem - 1px) calc(1.5rem - 1px);font-size:14px;font-weight:600;line-height:1.25;text-decoration:none;transition:border-color .25s,box-shadow .25s,color .25s,background .25s,transform .25s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover) 0 4px 12px;color:var(--btn-text-hover);transform:translateY(-1px)}.btn:active:not(:disabled){background:var(--btn-active-bg);border-color:var(--btn-border-hover);color:var(--btn-text-hover);transform:translateY(0);box-shadow:0 2px 4px oklch(16% 0 0/.06)}.btn--primary{color:var(--white);background:var(--accent);border-color:var(--accent);box-shadow:none}.btn--primary:hover:not(:disabled){color:var(--white);background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 14px var(--accent-ring)}.btn:focus-visible,.btn--primary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn--primary:disabled{background:var(--off-white);color:var(--text-secondary);border:1px solid var(--border);box-shadow:none;cursor:default;transform:none}.btn--full{width:100%}.btn--download{letter-spacing:-.02em;min-height:48px;padding:13px 20px;font-size:15px;font-weight:700}.btn--download:not(:disabled){box-shadow:0 2px 8px var(--accent-ring-strong)}.btn--success,.btn--primary.btn--success{background:var(--success-subtle);color:var(--success);border:1px solid var(--success-border);box-shadow:none}.btn--success:hover:not(:disabled),.btn--primary.btn--success:hover:not(:disabled){background:var(--success-subtle);border-color:var(--success-border-strong);color:var(--success-hover)}.btn--success:focus-visible,.btn--primary.btn--success:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn__check{font-weight:700}.btn-text{width:100%;margin-top:var(--space-group);padding:var(--space-inline);color:var(--text-tertiary);cursor:pointer;text-align:center;background:0 0;border:none;font-size:12px;font-weight:500;transition:color .12s;display:block}.btn-text:hover{color:var(--text-secondary)}.btn-text:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.btn-text:disabled{opacity:.5;cursor:not-allowed}.processing-indicator{font-size:inherit;font-weight:inherit;color:inherit;align-items:center;gap:6px;display:inline-flex}.processing-indicator--inline{justify-content:center}.processing-indicator__spinner{opacity:.7;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite processing-spin;display:inline-block}.processing-indicator__label{font-size:inherit}@keyframes processing-spin{to{transform:rotate(360deg)}}.privacy-note{justify-content:center;align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;margin:0;display:flex}.privacy-note__trust,.privacy-note__disclosure{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.privacy-note__disclosure{color:var(--text-secondary);font-size:12px}.privacy-note__label{letter-spacing:-.01em;color:var(--text);font-size:12px;font-weight:700}.privacy-inline-link{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.privacy-inline-link:hover{color:var(--accent)}.privacy-inline-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.preview--crop{padding:var(--editor-gap-tight) var(--editor-gap) var(--editor-gap);flex-direction:column;flex:auto;min-height:0;display:flex}.preview--crop .preview__stage--crop{flex-direction:column;flex:auto;min-height:0;display:flex}.preview--crop .preview__canvas--crop{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:unset;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;align-items:stretch;padding:0;display:flex}.preview--crop .preview__content{flex:auto;align-items:stretch;min-height:0}.crop-editor{align-items:stretch;gap:var(--editor-gap-tight);background:0 0;flex-direction:column;flex:auto;width:100%;min-height:0;padding:0;display:flex}.crop-editor__header{justify-content:space-between;align-items:center;gap:var(--editor-gap-tight) var(--editor-gap-loose);padding-bottom:var(--editor-gap-tight);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;display:flex}.crop-editor__zoom-panel{margin-left:auto}.crop-editor__header-controls{align-items:center;gap:var(--editor-gap-tight) var(--editor-gap-loose);flex-wrap:wrap;margin-left:auto;display:flex}.crop-editor__header-controls .crop-editor__zoom-panel{margin-left:0}.crop-editor__free-crop-wrap{transform-origin:50%;display:inline-block;position:relative}.free-crop-rotate-handle,.free-crop-rotate-handle__label{margin:0;position:absolute;top:auto;left:auto}.crop-editor__zoom-panel-summary{display:none}.crop-editor__zoom-panel>.crop-editor__editor-size{display:flex}.crop-editor__zoom-drawer-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:600}.crop-editor__zoom-drawer-value{font-variant-numeric:tabular-nums;color:var(--text)}.crop-editor__header-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.crop-editor__header-preset{color:var(--text);font-weight:600}.crop-editor__header-sep{color:var(--text-tertiary)}.crop-editor__preview-size,.crop-editor__editor-size{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-editor__preview-size-label,.crop-editor__editor-size-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:600}.crop-editor__editor-size-controls{align-items:center;gap:4px;display:flex}.crop-editor__editor-size-step{width:32px;height:32px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;padding:0;font-size:14px;line-height:1;transition:border-color .12s,color .12s,transform .1s}.crop-editor__editor-size-step:hover:not(:disabled){border-color:var(--text-tertiary);color:var(--text)}.crop-editor__editor-size-step:active:not(:disabled){transform:scale(.98)}.crop-editor__editor-size-step:focus-visible,.crop-editor__preview-size-btn:focus-visible,.crop-editor__editor-size-btn:focus-visible,.crop-editor__zoom-slider:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-editor__preview-size-btns,.crop-editor__editor-size-btns{flex-wrap:wrap;gap:4px;display:flex}.crop-editor__preview-size-btn,.crop-editor__editor-size-btn{min-width:28px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;padding:4px 7px;font-size:11px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.crop-editor__preview-size-btn:hover,.crop-editor__editor-size-btn:hover{border-color:var(--text-tertiary);color:var(--text)}.crop-editor__preview-size-btn--active,.crop-editor__editor-size-btn--active{color:var(--accent);border-color:var(--accent);background:var(--accent-surface)}.crop-editor__body{flex-direction:column;flex:auto;min-height:0;display:flex}.crop-editor__main{grid-template-columns:minmax(0, 1fr) var(--editor-output-width);background:var(--white);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow-canvas);flex:auto;grid-template-rows:minmax(0,1fr) auto;gap:0;display:grid;overflow:hidden}.crop-editor__workbench{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;grid-area:1/1;display:flex;overflow:hidden}.crop-editor__workbench .editor-toolbar{z-index:2;border:none;border-bottom:1px solid var(--border);background:var(--off-white);border-radius:0;flex-shrink:0;position:relative}.crop-editor__workbench .editor-toolbar__alert-row{z-index:5;background:var(--off-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-1) var(--editor-gap-tight);position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px oklch(0% 0 0/.08)}.editor-toolbar{align-items:stretch;gap:var(--editor-gap-tight) var(--editor-gap);padding:var(--space-1) var(--editor-gap-tight);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);flex-flow:column wrap;min-height:44px;display:flex}.editor-toolbar__alert-row{justify-content:space-between;align-items:center;gap:var(--editor-gap);width:100%;padding-top:var(--space-1);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.editor-toolbar__message{color:var(--warning-text);flex:auto;min-width:0;margin:0;font-size:12px;line-height:1.4}.editor-toolbar__alert{color:var(--accent);background:var(--accent-surface-strong);border:1px solid var(--accent-ring-strong);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:44px;padding:4px 10px;font-size:11px;font-weight:600}@media (pointer:coarse){.editor-toolbar__alert{min-height:44px;padding:10px 12px}}.editor-toolbar__alert--hidden{visibility:hidden;pointer-events:none}.editor-toolbar__group{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.editor-toolbar__scroll{flex:auto;min-width:0;position:relative}.editor-toolbar__fit-row{display:none}.editor-toolbar__scroll:after{content:none}.editor-toolbar__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);flex-shrink:0;font-size:10px;font-weight:600}.editor-toolbar__label--compact-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-toolbar__slider{width:72px;accent-color:var(--accent)}.editor-toolbar__value{font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:36px;font-size:11px}.editor-toolbar__actions{flex-wrap:wrap;flex:auto;gap:4px;min-width:0;display:flex}.editor-toolbar__check{min-height:44px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0 4px;font-size:12px;line-height:1.4;display:flex}.editor-toolbar__check:has(input:disabled){cursor:not-allowed;opacity:.6}.editor-toolbar__check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0}.editor-toolbar__check input[type=checkbox]:focus-visible{outline:var(--focus-ring);outline-offset:2px}.editor-toolbar__btn{min-height:44px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.2;transition:border-color .12s,color .12s,background .12s,transform .1s}.editor-toolbar__btn:hover:not(:disabled){border-color:var(--text-tertiary);color:var(--text)}.editor-toolbar__btn:active:not(:disabled){transform:scale(.98)}.editor-toolbar__btn:focus-visible,.editor-toolbar__alert:focus-visible{outline:var(--focus-ring);outline-offset:1px}.editor-toolbar__slider:focus-visible,.crop-panel__range:focus-visible,.crop-panel__zoom-slider:focus-visible,.crop-panel__slider-label input[type=range]:focus-visible{outline:var(--focus-ring);outline-offset:2px}.editor-toolbar__btn--active{border-color:var(--accent);color:var(--accent);background:var(--accent-surface-strong)}.snap-guides{pointer-events:none;position:absolute;inset:0;overflow:visible}.snap-guides__line{background:var(--accent-guide);pointer-events:none;position:absolute}.snap-guides__line--v{width:1px;margin-left:-.5px;top:0;bottom:0}.snap-guides__line--h{height:1px;margin-top:-.5px;left:0;right:0}.crop-editor__frame{box-shadow:var(--shadow-canvas);border-radius:var(--radius-2xs);border:1px solid var(--border);flex-shrink:0;margin:0 auto;position:relative;overflow:hidden}.crop-editor__frame-viewport{margin:0 auto;padding:40px 14px 14px;position:relative;overflow:visible}.crop-editor__workspace{width:100%;min-width:0;min-height:220px;padding:var(--editor-gap);background:var(--surface-raised);overscroll-behavior:contain;box-sizing:border-box;scrollbar-gutter:stable;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.crop-editor__processing{z-index:15;padding:var(--space-block);pointer-events:none;background:oklch(100% 0 0/.72);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-editor__processing .processing-indicator{padding:var(--space-1) var(--space-group);color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);font-size:12px;font-weight:600}.crop-editor__frame-coords--baking{opacity:.55;pointer-events:none}.crop-editor__workspace--scrollable{justify-content:flex-start;align-items:flex-start}.crop-editor__zoom-value{font-variant-numeric:tabular-nums;min-width:3.5em;color:var(--text-secondary);text-align:center;font-size:12px;font-weight:600}.crop-editor__zoom-slider{width:88px;accent-color:var(--accent)}.crop-editor__stage{flex-shrink:0;position:relative;overflow:visible}.crop-editor__frame-bg{box-shadow:var(--shadow-canvas);border-radius:var(--radius-2xs);border:1px solid var(--border);pointer-events:none;overflow:hidden}.crop-editor__frame-coords{pointer-events:none;touch-action:none;position:absolute;overflow:visible}.crop-editor__frame-coords .transform-layer{pointer-events:auto}.crop-editor__frame-stack{position:absolute;overflow:visible}.crop-editor__frame-interaction{pointer-events:none;position:absolute;inset:0;overflow:visible}.crop-editor__frame-interaction .transform-layer{pointer-events:auto}.crop-editor__frame--checker{background-color:var(--canvas-bg);background-image:linear-gradient(45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-tile) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-tile) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-tile) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.crop-editor__workbench--free{overflow:visible}.crop-editor__workspace--free{overflow:auto}.crop-editor__frame--free{box-shadow:none;pointer-events:auto;background:0 0;border:none;outline:none;padding:0;overflow:visible}.free-crop-layer{box-sizing:border-box;--rc-drag-handle-size:14px;--rc-drag-handle-mobile-size:28px;--rc-drag-handle-bg-colour:oklch(100% 0 0/.95);--rc-border-color:oklch(16% 0 0/.6);--free-crop-rotate-outset:38px;--free-crop-handle-size:var(--rc-drag-handle-size);--free-crop-handle-offset:calc(var(--free-crop-handle-size) / -2);position:relative}.free-crop-layer__clip{z-index:1;pointer-events:none;position:relative;overflow:hidden}.free-crop-layer__photo{z-index:1;pointer-events:auto;position:relative;overflow:visible}.free-crop-layer__photo .crop-editor__frame-coords{pointer-events:auto;width:100%;height:100%;position:relative;overflow:visible}.free-crop-layer__photo .transform-layer{pointer-events:auto}.free-crop-layer__photo .transform-layer--inactive{pointer-events:none}.free-crop-layer__mask{pointer-events:none;position:absolute;inset:0}.free-crop-layer__mask-fill{fill:oklch(16% 0 0/.45)}.free-crop-layer__interaction{pointer-events:auto;z-index:2;position:absolute;inset:0;overflow:visible}.free-crop-layer__controls{pointer-events:auto;position:absolute;inset:0;overflow:visible}.free-crop-chrome{box-sizing:border-box;pointer-events:auto;touch-action:none;position:absolute}.free-crop-chrome__move,.free-crop-chrome__handle,.free-crop-chrome__rotate{pointer-events:auto}.free-crop-chrome__move{cursor:move;touch-action:none;z-index:1;position:absolute;inset:0}@keyframes free-crop-march-x{to{transform:translate(8px)}}@keyframes free-crop-march-x-reverse{to{transform:translate(-8px)}}@keyframes free-crop-march-y{to{transform:translateY(-8px)}}@keyframes free-crop-march-y-reverse{to{transform:translateY(8px)}}.free-crop-chrome__border{pointer-events:none;contain:layout style paint;position:absolute;inset:0}.free-crop-chrome__border-edge{pointer-events:none;position:absolute;overflow:hidden}.free-crop-chrome__border-edge:before{content:"";will-change:transform;position:absolute}.free-crop-chrome__border-edge--top,.free-crop-chrome__border-edge--bottom{height:1px;left:0;right:0}.free-crop-chrome__border-edge--top{top:0}.free-crop-chrome__border-edge--bottom{bottom:0}.free-crop-chrome__border-edge--left,.free-crop-chrome__border-edge--right{width:1px;top:0;bottom:0}.free-crop-chrome__border-edge--left{left:0}.free-crop-chrome__border-edge--right{right:0}.free-crop-chrome__border-edge--top:before,.free-crop-chrome__border-edge--bottom:before{background:repeating-linear-gradient(90deg,oklch(100% 0 0) 0 4px,oklch(16% 0 0) 4px 8px);width:calc(100% + 8px);height:100%;inset:0 auto auto 0}.free-crop-chrome__border-edge--top:before{animation:.4s linear infinite free-crop-march-x}.free-crop-chrome__border-edge--bottom:before{animation:.4s linear infinite free-crop-march-x-reverse}.free-crop-chrome__border-edge--left:before,.free-crop-chrome__border-edge--right:before{background:repeating-linear-gradient(0deg,oklch(100% 0 0) 0 4px,oklch(16% 0 0) 4px 8px);width:100%;height:calc(100% + 8px);inset:0 auto auto 0}.free-crop-chrome__border-edge--left:before{animation:.4s linear infinite free-crop-march-y}.free-crop-chrome__border-edge--right:before{animation:.4s linear infinite free-crop-march-y-reverse}body[data-transform-drag="1"] .free-crop-chrome__border-edge:before{animation-play-state:paused}.free-crop-chrome__thirds{pointer-events:none;position:absolute;inset:0}.free-crop-chrome__thirds-v,.free-crop-chrome__thirds-h{pointer-events:none;background:oklch(100% 0 0/.35);position:absolute}.free-crop-chrome__thirds-v{width:1px;top:0;bottom:0}.free-crop-chrome__thirds-h{height:1px;left:0;right:0}.free-crop-chrome__thirds-v--1{left:33.333%}.free-crop-chrome__thirds-v--2{left:66.666%}.free-crop-chrome__thirds-h--1{top:33.333%}.free-crop-chrome__thirds-h--2{top:66.666%}.free-crop-chrome__handle{width:var(--free-crop-handle-size);height:var(--free-crop-handle-size);background:var(--rc-drag-handle-bg-colour,oklch(100% 0 0/.95));border:1px solid var(--rc-border-color,oklch(16% 0 0/.6));box-sizing:border-box;touch-action:none;z-index:3;position:absolute}.free-crop-chrome__handle--nw{top:var(--free-crop-handle-offset);left:var(--free-crop-handle-offset);cursor:nwse-resize}.free-crop-chrome__handle--n{top:var(--free-crop-handle-offset);margin-left:var(--free-crop-handle-offset);cursor:ns-resize;left:50%}.free-crop-chrome__handle--ne{top:var(--free-crop-handle-offset);right:var(--free-crop-handle-offset);cursor:nesw-resize}.free-crop-chrome__handle--e{top:50%;right:var(--free-crop-handle-offset);margin-top:var(--free-crop-handle-offset);cursor:ew-resize}.free-crop-chrome__handle--se{bottom:var(--free-crop-handle-offset);right:var(--free-crop-handle-offset);cursor:nwse-resize}.free-crop-chrome__handle--s{bottom:var(--free-crop-handle-offset);margin-left:var(--free-crop-handle-offset);cursor:ns-resize;left:50%}.free-crop-chrome__handle--sw{bottom:var(--free-crop-handle-offset);left:var(--free-crop-handle-offset);cursor:nesw-resize}.free-crop-chrome__handle--w{top:50%;left:var(--free-crop-handle-offset);margin-top:var(--free-crop-handle-offset);cursor:ew-resize}.free-crop-chrome__rotate{top:calc(var(--free-crop-rotate-outset) * -1);width:var(--free-crop-rotate-size,24px);height:var(--free-crop-rotate-size,24px);border:1px solid var(--rc-border-color,oklch(16% 0 0/.6));color:oklch(35% 0 0);font-size:calc(var(--free-crop-rotate-size,24px) * .5);cursor:grab;touch-action:none;z-index:3;background:oklch(100% 0 0/.95);border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:absolute;left:50%;box-shadow:0 1px 2px oklch(0% 0 0/.12)}.free-crop-chrome__rotate:active{cursor:grabbing}.free-crop-chrome__rotate:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.free-crop-chrome__rotation-label{top:calc(var(--free-crop-rotate-outset) * -1 - 18px);color:oklch(35% 0 0);white-space:nowrap;pointer-events:none;background:oklch(100% 0 0/.92);border:1px solid oklch(16% 0 0/.15);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;left:50%}.crop-editor__frame--free:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.crop-editor__frame--free .crop-editor__image{max-width:none;max-height:none}.crop-editor__free-note{color:var(--text-secondary);margin:0 0 2px;font-size:11px}.transform-layer{touch-action:none;cursor:grab;position:absolute}.transform-layer:active{cursor:grabbing}.transform-layer__inner{transform-origin:50%;touch-action:none;width:100%;height:100%;position:relative}.transform-layer__image{pointer-events:auto;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.transform-layer--photo-fit .transform-layer__image{object-fit:contain}.transform-layer__image:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transform-layer__image--failed{visibility:hidden}.transform-layer--image-error{cursor:default}.transform-layer__image-error{text-align:center;color:var(--error-text);background:var(--error-bg);border:1px dashed var(--error-border);border-radius:var(--radius-xs);pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;justify-content:center;align-items:center;margin:0;padding:8px;font-size:11px;line-height:1.45;display:flex;position:absolute;inset:0}.transform-layer__rotate:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transform-layer__rotate:disabled{opacity:.5;cursor:not-allowed}.crop-editor__frame-coords--dismissable{pointer-events:auto}.transform-layer--controls-hidden .transform-layer__box,.transform-layer--controls-hidden .transform-layer__handle,.transform-layer--controls-hidden .transform-layer__rotate,.transform-layer--controls-hidden .transform-layer__rotation-label,.transform-layer--inactive .transform-layer__box,.transform-layer--inactive .transform-layer__handle,.transform-layer--inactive .transform-layer__rotate,.transform-layer--inactive .transform-layer__rotation-label{visibility:hidden;pointer-events:none}.transform-layer--inactive .transform-layer__image,.transform-layer--inactive{pointer-events:none}.crop-editor__frame-coords--unified{position:relative;overflow:visible}.crop-editor__frame-coords--unified.crop-editor__frame-coords--resize{isolation:isolate;contain:paint;position:relative;overflow:hidden}.crop-editor__frame-coords--resize{overflow:hidden}.crop-editor__frame--resize{box-sizing:border-box}.resize-viewport{box-sizing:border-box;border-radius:var(--radius-2xs);border:2px solid oklch(16% 0 0/.35);position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(100% 0 0/.5),0 2px 12px oklch(16% 0 0/.08)}.resize-viewport__rotate{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.resize-viewport__rotate .crop-editor__frame-coords{width:100%;height:100%;position:relative}.resize-viewport__clip{position:absolute;inset:0;overflow:hidden}.transform-layer-split{touch-action:none;position:absolute}.transform-layer-split .transform-layer--chrome-only{pointer-events:none;position:absolute;inset:0}.transform-layer-split .transform-layer--chrome-only .transform-layer__chrome .transform-layer__handle,.transform-layer-split .transform-layer--chrome-only .transform-layer__chrome .transform-layer__rotate{pointer-events:auto}.transform-layer-split .transform-layer--visual-only{pointer-events:auto;position:absolute;inset:0}.transform-layer-split .transform-layer--visual-only .transform-layer__visual{position:absolute;inset:0;overflow:hidden}.transform-layer__box{border:2px solid var(--accent);pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 1px oklch(100% 0 0/.6)}.transform-layer__chrome{transform:scale(var(--transform-chrome-scale,1));transform-origin:50%;pointer-events:none;position:absolute;inset:0}.transform-layer__chrome .transform-layer__handle,.transform-layer__chrome .transform-layer__rotate{pointer-events:auto}.transform-layer__handle{width:var(--transform-handle-size,12px);height:var(--transform-handle-size,12px);background:var(--white);border:2px solid var(--accent);border-radius:var(--radius-2xs);touch-action:none;z-index:2;position:absolute}.transform-layer__handle--nw{top:var(--transform-handle-offset,-6px);left:var(--transform-handle-offset,-6px);cursor:nwse-resize}.transform-layer__handle--n{top:var(--transform-handle-offset,-6px);margin-left:var(--transform-handle-offset,-6px);cursor:ns-resize;left:50%}.transform-layer__handle--ne{top:var(--transform-handle-offset,-6px);right:var(--transform-handle-offset,-6px);cursor:nesw-resize}.transform-layer__handle--e{top:50%;right:var(--transform-handle-offset,-6px);margin-top:var(--transform-handle-offset,-6px);cursor:ew-resize}.transform-layer__handle--se{bottom:var(--transform-handle-offset,-6px);right:var(--transform-handle-offset,-6px);cursor:nwse-resize}.transform-layer__handle--s{bottom:var(--transform-handle-offset,-6px);margin-left:var(--transform-handle-offset,-6px);cursor:ns-resize;left:50%}.transform-layer__handle--sw{bottom:var(--transform-handle-offset,-6px);left:var(--transform-handle-offset,-6px);cursor:nesw-resize}.transform-layer__handle--w{top:50%;left:var(--transform-handle-offset,-6px);margin-top:var(--transform-handle-offset,-6px);cursor:ew-resize}.transform-layer__rotate{top:calc(-1 * var(--transform-rotate-outset,34px));width:var(--transform-rotate-size,28px);height:var(--transform-rotate-size,28px);font-size:calc(var(--transform-rotate-size,28px) * .5);color:var(--text);background:var(--white);border:2px solid var(--accent);cursor:grab;touch-action:none;z-index:3;box-shadow:var(--shadow-raised);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;left:50%}.transform-layer__rotate:active{cursor:grabbing}.transform-layer__rotation-label{top:calc(-1 * var(--transform-rotate-outset,34px) - 18px);color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);pointer-events:none;white-space:nowrap;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;left:50%}.crop-editor__output-card{gap:var(--editor-gap-tight);padding:var(--editor-gap);background:var(--off-white);border-left:1px solid var(--border);border-radius:0;flex-direction:column;grid-area:1/2/3;align-self:stretch;min-width:0;display:flex}.crop-editor__output-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.crop-editor__output-details{gap:4px;margin:0;font-size:10px;display:grid}.crop-editor__output-details div{justify-content:space-between;gap:8px;display:flex}.crop-editor__output-details dt{color:var(--text-tertiary);margin:0;font-weight:500}.crop-editor__output-details dd{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;margin:0}.crop-editor__output-preview{border-top:1px solid var(--border);flex-shrink:0;width:100%;margin-top:2px;padding-top:8px}.crop-editor__output-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.crop-editor__output-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.crop-editor__output-canvas{object-fit:contain;border-radius:var(--radius-xs);width:auto;max-width:112px;height:auto;max-height:112px;box-shadow:var(--shadow-canvas);border:1px solid var(--border);background:var(--white);margin:0 auto;display:block}.crop-editor__output-canvas--grid{background-color:var(--canvas-bg);background-image:linear-gradient(45deg, var(--checker-tile-mid) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-tile-mid) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-tile-mid) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-tile-mid) 75%);background-size:10px 10px}.crop-editor__react-crop{--rc-drag-handle-size:14px;--rc-drag-handle-mobile-size:28px;--rc-drag-handle-bg-colour:oklch(100% 0 0/.95);--rc-border-color:oklch(16% 0 0/.6);--rc-focus-color:var(--accent);max-width:100%;max-height:100%}.crop-editor__image{max-width:100%;max-height:100%;display:block}.crop-editor__preview-canvas{width:100%;height:100%;display:block}.crop-editor__canvas,.crop-editor__overlay{display:none}.crop-editor__footer{text-align:center;width:100%;padding:var(--editor-gap-tight) var(--editor-gap);background:var(--off-white);border-top:1px solid var(--border);flex-shrink:0}.crop-editor__footer p{margin:0}.crop-editor__footer p+p{margin-top:var(--space-1)}.crop-editor__hint{color:var(--text-secondary);margin:0 0 2px;font-size:11px}.crop-editor__export-note{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin:0;font-size:11px}@media (width<=960px){.editor-toolbar__btn{min-height:44px;padding:10px 12px;font-size:12px}.crop-editor__editor-size-step{width:44px;height:44px}.crop-editor__preview-size-btn,.crop-editor__editor-size-btn{min-height:44px;padding:8px 12px}.crop-editor__main{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:1fr}.crop-editor__workbench{grid-area:1/1}.crop-editor__output-card{align-items:center;gap:var(--editor-gap) var(--editor-gap-loose);padding:var(--editor-gap-tight) var(--editor-gap);border-left:none;border-top:1px solid var(--border);flex-flow:wrap;grid-area:2/1}.crop-editor__footer{grid-area:3/1}.crop-editor__output-title{margin-bottom:calc(var(--space-1) * -1);flex:100%}.crop-editor__output-canvas{max-width:72px;max-height:72px;margin:0}.crop-editor__output-details{gap:var(--space-1) var(--editor-gap);flex:160px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crop-editor__output-detail--background{grid-column:1/-1}.editor-toolbar__actions{width:100%;margin-left:0}}.crop-panel,.crop-panel__group{gap:var(--space-group);flex-direction:column;min-width:0;display:flex}.crop-panel__group--highlight{padding:var(--space-group);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius)}.crop-panel__mode-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.crop-panel__toolbar{flex-wrap:wrap;gap:4px;display:flex}.crop-panel__toolbar .crop-panel__btn{flex:calc(16.66% - 4px);min-width:44px;min-height:44px;padding:8px 4px;font-size:11px}.crop-panel__zoom{flex-direction:column;gap:4px;display:flex}.crop-panel__zoom-row{align-items:center;gap:6px;display:flex}.crop-panel__zoom-btn{width:32px;height:32px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-icon);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:16px;font-weight:500;line-height:1;transition:border-color .12s,color .12s,transform .1s}.crop-panel__zoom-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.crop-panel__zoom-btn:active:not(:disabled){transform:scale(.98)}.crop-panel__zoom-btn:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-panel__zoom-slider{min-width:0;accent-color:var(--accent);flex:1}.crop-panel__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:600}.crop-panel__sublabel{color:var(--text-secondary);font-size:11px;font-weight:500}.crop-panel__microcopy{color:var(--text-tertiary);font-size:11px;line-height:1.45}.crop-panel__notice{color:var(--text-secondary);background:var(--off-white);border-radius:var(--radius-icon);border:1px solid var(--border);padding:8px 10px;font-size:11px;line-height:1.45}.crop-panel__warning{color:var(--warning-text);background:var(--warning-bg);border-radius:var(--radius-icon);border:1px solid var(--warning-border);margin:0;padding:6px 8px;font-size:11px}.crop-panel__select,.crop-panel__input{width:100%;min-width:0;max-width:100%;color:var(--text);background:var(--white);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.crop-panel__select:focus,.crop-panel__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent-muted)}.crop-panel__meta{color:var(--text-secondary);word-break:break-word;font-size:11px;line-height:1.45}.crop-panel__meta--info{border-radius:var(--radius-sm);background:var(--surface-raised);border:1px solid var(--border);padding:8px 10px}.crop-panel__chips{flex-wrap:wrap;gap:6px;display:flex}.crop-panel__chip{min-height:44px;color:var(--text-secondary);background:var(--off-white);border:1px solid var(--border);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:10px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:border-color .12s,color .12s,background .12s,transform .1s;overflow:hidden}.crop-panel__chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.crop-panel__chip:active:not(:disabled){transform:scale(.98)}.crop-panel__chip:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-panel__chip--active{color:var(--text);background:var(--accent-subtle);border-color:var(--accent-muted);font-weight:600}.crop-panel__row--size{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.crop-panel__swap{width:44px;height:44px;color:var(--text-secondary);background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;margin-bottom:0;font-size:16px;transition:border-color .12s,color .12s,transform .1s}.crop-panel__swap:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.crop-panel__swap:active:not(:disabled){transform:scale(.98)}.crop-panel__swap:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-panel__field{flex-direction:column;gap:4px;min-width:0;display:flex}.crop-panel__check{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.crop-panel__modes,.crop-panel__mode{display:none}.crop-panel__segmented{flex-wrap:wrap;gap:4px;display:flex}.crop-panel__segment{min-width:0;min-height:44px;color:var(--text-secondary);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-icon);cursor:pointer;flex:auto;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .12s,color .12s,background .12s,transform .1s}.crop-panel__segment:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.crop-panel__segment:active:not(:disabled){transform:scale(.98)}.crop-panel__segment:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-panel__segment--active{color:var(--text);background:var(--accent-subtle);border-color:var(--accent-muted);font-weight:600}.crop-panel__segment:disabled{opacity:.4;cursor:not-allowed}.crop-panel__color{border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:8px;width:100%;height:44px;min-height:44px;padding:2px}.crop-panel__actions{display:none}.crop-panel__btn{color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-icon);cursor:pointer;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:border-color .12s,color .12s,transform .1s}.crop-panel__btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.crop-panel__btn:active:not(:disabled){transform:scale(.98)}.crop-panel__btn:focus-visible,.crop-panel__color:focus-visible{outline:var(--focus-ring);outline-offset:1px}.crop-panel__slider-label{color:var(--text-tertiary);flex-direction:column;gap:6px;font-size:11px;font-weight:600;line-height:1.4;display:flex}.crop-panel__slider-label input[type=range]{width:100%;accent-color:var(--accent)}.output-note--emphasis{color:var(--text-secondary);margin-bottom:4px;font-weight:500}.preview--print{flex-direction:column;flex:auto;min-height:0;padding:8px 12px 10px;display:flex}.preview--print .preview__stage--print{flex-direction:column;flex:auto;min-height:0;display:flex}.preview--print .preview__canvas--print{width:100%;max-width:none;height:auto;min-height:0;aspect-ratio:unset;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;align-items:stretch;padding:0;display:flex}.print-preview{flex-direction:column;flex:auto;gap:8px;width:100%;min-height:0;display:flex}.print-preview__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-bottom:8px;display:flex}.print-preview__heading{color:var(--text);margin:0;font-size:14px;font-weight:600}.print-preview__meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.print-preview__stage{background:repeating-conic-gradient(var(--print-stage-checker-a) 0% 25%, var(--print-stage-checker-b) 0% 50%) 50% / 16px 16px;border-radius:var(--radius);border:1px solid var(--border);flex:auto;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex}.print-preview__sheet{max-width:100%;max-height:100%;box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex}.print-preview__image{object-fit:contain;background:var(--white);width:auto;max-width:100%;height:auto;max-height:min(520px,60vh);display:block}.print-preview__loading{color:var(--text-secondary);text-align:center;padding:32px 24px;font-size:13px}.print-panel,.compress-panel,.convert-panel{gap:var(--space-group)}.crop-panel__range{width:100%;accent-color:var(--accent)}.compress-stats{flex-direction:column;gap:6px;margin:0;display:flex}.compress-stats__row{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.compress-stats__row dt{color:var(--text-tertiary);font-weight:500}.compress-stats__row dd{color:var(--text);text-align:right;margin:0;font-weight:600}@media (width<=900px){:root{--sticky-output-reserve:11.5rem}.app__main{padding:var(--space-block) var(--space-block) var(--space-panel-divide);padding-left:calc(var(--space-block) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-block) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-panel-divide) + env(safe-area-inset-bottom,0px))}.editor{gap:var(--space-block);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;display:flex}.editor--crop .editor__preview{min-height:auto}.editor__preview,.editor__panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:none;box-shadow:var(--shadow-editor);overflow:visible}.editor__preview{border-bottom:none;border-right:none}.editor__zone-label{display:block}.editor__preview .editor__zone-label{padding:var(--space-block) var(--space-block) 0}.editor__panel .editor__zone-label{margin-bottom:var(--space-group);padding:0}.preview{padding:0 var(--space-block) var(--space-block)}.preview:not(.preview--crop) .preview__canvas{max-width:100%;min-height:240px}.preview:not(.preview--crop) .preview__stage{min-height:240px}.preview--crop{padding:0 var(--editor-gap-tight) var(--editor-gap-tight);min-height:min(72svh,680px)}.editor--crop .editor__preview{flex-direction:column;min-height:min(72svh,680px);display:flex}.preview--crop .preview__stage--crop,.preview--crop .preview__canvas--crop,.preview--crop .preview__content{flex:auto;min-height:0}.editor--crop .crop-editor{flex:auto;min-height:min(68svh,640px)}.editor--crop .crop-editor__workbench{min-height:min(46svh,440px)}.editor--crop .crop-editor__workspace{min-height:min(42svh,380px);max-height:none}.crop-editor__output-card{display:flex}.crop-editor__header{gap:var(--editor-gap-tight) var(--editor-gap);padding-bottom:var(--editor-gap-tight)}.crop-editor__zoom-panel{flex-shrink:0;margin-left:auto}.crop-editor__zoom-panel-summary{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--editor-gap-tight);color:var(--text-secondary);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;min-height:44px;font-size:12px;font-weight:600;list-style:none;display:flex}.crop-editor__zoom-panel-summary::-webkit-details-marker{display:none}.crop-editor__zoom-panel-summary:after{content:"";width:0;height:0;margin-left:var(--space-1);border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-tertiary);transition:transform var(--transition-fast)}.crop-editor__zoom-panel[open] .crop-editor__zoom-panel-summary:after{transform:rotate(180deg)}.crop-editor__zoom-panel:not([open])>.crop-editor__editor-size{display:none}.crop-editor__zoom-panel[open]{flex:100%;order:3}.crop-editor__zoom-panel[open]>.crop-editor__editor-size{width:100%;margin-top:var(--editor-gap-tight);padding-top:var(--editor-gap-tight);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.crop-editor__zoom-panel[open] .crop-editor__editor-size-label{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.crop-editor__zoom-panel-summary:focus-visible{outline:var(--focus-ring);outline-offset:1px}.editor__panel{padding:var(--space-block) var(--space-block) var(--space-panel-divide);scroll-padding-bottom:var(--sticky-output-reserve,11.5rem)}.editor__panel--has-photo .tool-settings{padding-bottom:var(--sticky-output-reserve,11.5rem)}.panel-section--output{z-index:var(--z-sticky-panel);margin-inline:calc(-1 * var(--space-block));margin-bottom:calc(-1 * var(--space-panel-divide));padding-inline:var(--space-block);padding-top:var(--space-panel-divide);padding-bottom:calc(var(--space-panel-divide) + env(safe-area-inset-bottom,0px));background:var(--off-white);position:sticky;bottom:0;box-shadow:0 -6px 20px oklch(16% 0 0/.08)}.tool-settings,.crop-panel,.compress-panel,.convert-panel,.print-panel{min-width:0}.print-preview__image{max-height:min(360px,45svh)}.print-preview__stage{min-height:180px}.output-meta{gap:var(--space-1) var(--space-group);margin-bottom:var(--space-group);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.output-meta__item--hero{grid-column:1/-1;margin-bottom:0}.editor__panel .panel-section{padding-bottom:var(--space-panel-divide)}.editor__bar{padding:var(--space-group) var(--space-block);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-editor)}.site-header__inner{align-items:flex-start;gap:var(--space-group);flex-direction:column}.site-header__brand{align-items:flex-start;gap:var(--space-1);flex-direction:column}.site-header__actions{align-items:flex-start;gap:var(--space-group);flex-direction:column}.site-header__nav-list{gap:var(--space-1) var(--space-group)}.site-header__nav-link{align-items:center;min-height:44px;padding:8px 4px;display:inline-flex}}@media (width<=900px) and (orientation:landscape){:root{--panel-width:300px;--layout-editor-inset:calc(var(--space-block) * 2 + var(--space-group))}.editor{grid-template-columns:minmax(0, 1fr) var(--panel-width);background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-editor);grid-template-rows:auto auto;align-items:stretch;gap:0;display:grid;overflow:hidden}.editor--crop .editor__preview{min-height:calc(100svh - var(--header-height) - var(--layout-editor-inset))}.editor__preview,.editor__panel{max-height:calc(100svh - var(--header-height) - var(--layout-editor-inset));background:var(--canvas-bg);box-shadow:none;border:none;border-radius:0;overflow:hidden auto}.editor__preview{border-right:1px solid var(--border-panel);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.editor__panel{background:var(--white);padding:var(--space-block) var(--space-group);border-top-right-radius:var(--radius-lg);scroll-padding-bottom:0}.editor__zone-label{display:none}.editor__preview .editor__zone-label,.editor__panel .editor__zone-label{margin:0;padding:0}.preview{padding:var(--space-group) var(--space-block) var(--space-block)}.preview:not(.preview--crop) .preview__canvas,.preview:not(.preview--crop) .preview__stage{min-height:200px}.preview--crop{padding:var(--editor-gap-tight) var(--editor-gap-tight) var(--editor-gap-tight);min-height:0}.editor--crop .editor__preview{min-height:calc(100svh - var(--header-height) - var(--layout-editor-inset));flex-direction:column;display:flex}.editor--crop .crop-editor{flex:auto;min-height:0}.editor--crop .crop-editor__workbench{min-height:min(38svh,320px)}.editor--crop .crop-editor__workspace{min-height:min(34svh,280px);max-height:none}.crop-editor__zoom-panel-summary{display:none}.crop-editor__zoom-panel>.crop-editor__editor-size{border-top:none;flex-wrap:wrap;width:auto;margin-top:0;padding-top:0;display:flex}.crop-editor__zoom-panel[open]{flex:none;order:unset}.editor__panel--has-photo .tool-settings{padding-bottom:0}.panel-section--output{z-index:auto;margin-inline:0;padding-inline:0;box-shadow:none;background:0 0;margin-bottom:0;padding-top:0;padding-bottom:0;position:static}.output-meta{gap:var(--space-1);flex-direction:column;display:flex}.output-meta__item--hero{grid-column:auto}.editor__bar{padding:var(--space-block) var(--space-panel-divide);border-top:1px solid var(--border);box-shadow:none;border-left:none;border-right:none;border-radius:0;grid-column:1/-1}.site-header__inner{align-items:center;gap:var(--space-block);flex-direction:row}.site-header__brand{align-items:center;gap:var(--space-group);flex-direction:row}.site-header__actions{align-items:center;gap:var(--space-group);flex-direction:row;margin-left:auto}.site-header__tagline{display:none}.site-header__device-note{white-space:nowrap;display:inline}}@media (width<=480px){.app__main{padding:var(--space-group) var(--space-group) var(--space-panel-divide);padding-left:calc(var(--space-group) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-group) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-panel-divide) + env(safe-area-inset-bottom,0px))}.site-header{padding:var(--space-group) var(--space-block);padding-top:calc(var(--space-group) + env(safe-area-inset-top,0px));padding-left:calc(var(--space-block) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-block) + env(safe-area-inset-right,0px))}.editor--crop .editor__preview{min-height:min(68svh,600px)}.editor--crop .crop-editor{min-height:min(64svh,560px)}.editor--crop .crop-editor__workbench{min-height:min(44svh,380px)}.editor--crop .crop-editor__workspace{min-height:min(40svh,320px);max-height:none}.panel-section{padding-bottom:var(--space-block)}}@media (height<=520px) and (orientation:landscape) and (width<=900px){.editor--crop .editor__preview{min-height:auto}.preview--crop{min-height:min(62svh,460px)}.editor--crop .crop-editor{min-height:min(58svh,420px)}.editor--crop .crop-editor__workbench{min-height:min(44svh,400px)}.editor--crop .crop-editor__workspace{min-height:min(40svh,340px);max-height:min(48svh,380px)}.crop-editor__zoom-panel:not([open])>.crop-editor__editor-size{display:none}}@media (width<=640px){body{font-size:16px}.crop-editor__header{align-items:center;gap:var(--editor-gap-tight);flex-direction:row}.crop-editor__header-meta{flex:auto;min-width:0}.crop-editor__zoom-panel-summary{min-height:44px}.crop-editor__hint{font-size:12px;line-height:1.45}.crop-editor__free-note,.crop-editor__export-note{font-size:11px}.site-header__logo-full{display:none}.site-header__logo-short{display:inline}.site-header__tagline,.site-header__device-note{display:none}.tool-tabs__tab--active{padding:11px 11px 10px}.site-header__nav-list{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.site-header__nav-link{border:1px solid var(--border);background:var(--off-white);text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px 10px;display:flex}.tool-tabs{gap:var(--space-1)}.tool-tabs__tab,.btn,.upload-zone .btn{min-height:44px}.crop-editor__editor-size-step{width:44px;height:44px;font-size:18px}.crop-editor__editor-size-btn{min-height:44px;padding:8px 12px}.crop-editor__zoom-slider{flex:1;width:auto;min-width:0}.crop-editor__editor-size{width:100%}.crop-editor__editor-size-controls{flex-wrap:wrap;width:100%}.editor-toolbar__group{flex-flow:column wrap;align-items:stretch}.editor-toolbar__fit-row{gap:var(--space-1);width:100%;display:flex}.editor-toolbar__fit-row .editor-toolbar__btn{text-align:center;flex:1 1 0;justify-content:center;min-width:0}.editor-toolbar__scroll{flex:none;width:100%;position:relative}.editor-toolbar__scroll:after{content:"";top:0;right:0;bottom:var(--space-1);pointer-events:none;background:linear-gradient(to right, oklch(100% 0 0/0), var(--off-white) 70%);width:28px;position:absolute}.editor-toolbar__actions{gap:var(--space-1);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:var(--space-1);flex-wrap:nowrap;display:flex;overflow-x:auto}.editor-toolbar__actions::-webkit-scrollbar{display:none}.editor-toolbar__btn{flex:none;min-height:44px;padding:10px 12px;font-size:12px}.crop-editor[data-compact-editor] .editor-toolbar__btn,.crop-editor[data-compact-editor] .editor-toolbar__alert{min-height:44px;padding:8px 10px;font-size:11px}.crop-editor[data-compact-editor] .crop-editor__editor-size-step{width:44px;height:44px;font-size:16px}.crop-editor[data-compact-editor] .crop-editor__editor-size-btn,.crop-editor[data-compact-editor] .crop-editor__zoom-panel-summary{min-height:44px;padding:6px 10px;font-size:11px}.crop-editor[data-compact-editor] .crop-editor__zoom-slider{min-height:44px}.editor-toolbar__check{width:auto;padding:0 var(--space-1) var(--space-1);align-self:flex-start;margin-left:0}.crop-panel__segment,.crop-panel__chip{min-height:44px;padding:10px 12px;font-size:12px}.crop-editor[data-compact-editor] .crop-panel__segment,.crop-editor[data-compact-editor] .crop-panel__chip,.crop-editor[data-compact-editor] .crop-panel__toolbar .crop-panel__btn{min-height:44px;padding:8px 10px;font-size:11px}.crop-editor[data-compact-editor] .crop-panel__zoom-btn,.crop-editor[data-compact-editor] .crop-panel__swap{width:44px;height:44px;font-size:16px}.crop-panel__toolbar .crop-panel__btn{min-height:44px;padding:10px 8px}.editor__panel--has-photo .panel-section--upload .panel-section__head{margin-bottom:8px}.editor__panel--has-photo .panel-section--upload .panel-section__hint,.editor__panel--has-photo .panel-section--upload .upload-zone__microcopy,.editor__panel--has-photo .panel-section--upload .upload-privacy{display:none}.editor__panel--has-photo .panel-section--upload .upload-zone{text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px 10px;padding:10px 12px}.editor__panel--has-photo .panel-section--upload .upload-zone__icon{flex-shrink:0;width:32px;height:32px;margin:0}.editor__panel--has-photo .panel-section--upload .upload-zone__label{text-align:left;flex:auto;margin:0}.editor__panel--has-photo .panel-section--upload .upload-zone__hint{flex:100%;margin:0;font-size:12px}.editor__panel--has-photo .panel-section--upload .btn--full{flex:100%;min-height:44px}.editor__panel .panel-section{padding-bottom:var(--space-panel-divide)}.btn-text{justify-content:center;align-items:center;min-height:44px;display:flex}}@media (width<=1366px){:root{--panel-width:360px}}@media (height<=768px) and (width>=901px){.editor__preview,.editor__panel{max-height:calc(100svh - 100px)}.preview__stage,.preview__canvas{min-height:260px}.preview--crop{padding:6px 10px 8px}.editor__panel{padding-top:16px;padding-bottom:16px}}@media (pointer:coarse){.crop-editor__editor-size-step{width:44px;height:44px;font-size:18px}.crop-editor__editor-size-btn{min-height:44px;padding:8px 12px}.crop-editor__zoom-slider{min-height:44px}.crop-editor__zoom-drawer-summary{min-height:44px;padding:10px 12px}.editor-toolbar__btn,.editor-toolbar__alert,.crop-panel__segment,.crop-panel__chip{min-height:44px;padding:10px 12px;font-size:12px}.crop-panel__zoom-btn{width:44px;height:44px;font-size:18px}.crop-panel__swap{width:44px;height:44px}}@media (hover:none){.btn:hover:not(:disabled){box-shadow:var(--btn-shadow-rest) 0 1px 3px 0;transform:none}.btn--primary:hover:not(:disabled){box-shadow:none}.btn:active:not(:disabled){background:var(--btn-active-bg);transform:scale(.98)}.btn--primary:active:not(:disabled){background:var(--accent-hover)}.tool-tabs__tab:active{color:var(--text);background:var(--white);border-color:var(--border-strong)}.crop-panel__chip:active,.crop-panel__segment:active{transform:scale(.98)}.upload-zone:hover,.upload-zone:focus-visible{box-shadow:0 0 0 4px var(--accent-ring)}.upload-zone:active{border-color:var(--accent-muted);box-shadow:0 0 0 4px var(--accent-ring-strong)}}.help-guides{border-top:none;margin-top:0;padding-top:0}.help-guides__intro{max-width:720px;margin-bottom:var(--space-6)}.help-guides__title{letter-spacing:-.03em;color:var(--text);padding-bottom:14px;font-size:28px;font-weight:700;position:relative}.help-guides__title:after{content:"";border-radius:var(--radius-2xs);background:var(--text);width:48px;height:3px;position:absolute;bottom:0;left:0}.help-guides__lede{margin-top:var(--space-group);color:var(--text-secondary);font-size:16px;line-height:1.65}.help-guides__nav{margin-top:var(--space-block);padding-top:var(--space-block);border-top:1px solid var(--border)}.help-guides__nav-list{gap:var(--space-group) var(--space-block);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.help-guides__nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500;text-decoration:none;display:inline}.help-guides__nav-link:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.help-guides__nav-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-2xs)}.help-guides__article:target{scroll-margin-top:calc(var(--header-height) + 16px)}.help-guides__list{flex-direction:column;gap:0;max-width:720px;display:flex}.help-guides__article{padding:var(--space-6) 0;border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-height) + var(--space-block))}.help-guides__article:first-child{padding-top:var(--space-5)}.help-guides__article:last-child{border-bottom:none}.help-guides__article-title{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:600;line-height:1.3}.help-guides__meta{color:var(--text-secondary);margin-top:6px;font-size:13px}.help-guides__text{color:var(--text-secondary);margin-top:10px;font-size:15px;line-height:1.6}.help-guides__block{margin-top:18px}.help-guides__label{letter-spacing:-.01em;color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.help-guides__list-items{color:var(--text-secondary);margin:8px 0 0;padding-left:1.2em;font-size:14px;line-height:1.55}.help-guides__list-items li+li{margin-top:6px}.help-guides__privacy{color:var(--text-secondary);background:0 0;border:none;border-radius:0;margin-top:18px;padding:0;font-size:13px;line-height:1.55;display:block}.help-guides__privacy-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600}.help-guides__actions{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;display:flex}.help-guides__tool-link{color:var(--accent);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.help-guides__tool-link:hover{color:var(--accent-hover);text-decoration:underline}.help-guides__tool-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.help-guides__tool-hint{color:var(--text-tertiary);font-size:13px}.help-guides__faqs{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.help-guides__faq{background:0 0;border:none;border-radius:0;margin-top:12px;padding:0;overflow:visible}.help-guides__faq-question{color:var(--text);cursor:pointer;padding:4px 0;font-size:14px;font-weight:500;list-style:none;display:list-item}.help-guides__faq-question::-webkit-details-marker{display:none}.help-guides__faq-question:before{content:"›";width:1em;color:var(--text-tertiary);transition:transform var(--transition-fast);margin-right:6px;font-weight:600;display:inline-block}.help-guides__faq[open] .help-guides__faq-question:before{transform:rotate(90deg)}.help-guides__faq-answer{color:var(--text-secondary);margin:8px 0 0 1.35em;padding:0;font-size:14px;line-height:1.55}.help-guides__footer{text-align:center;margin-top:28px}.help-guides__site-privacy{color:var(--text-secondary);margin:0 0 16px;max-width:36em;margin-inline:auto;font-size:13px;line-height:1.55}.help-guides__back-top{margin-top:4px}.help-guides__back-top:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ad-slot{min-height:90px;max-height:120px;display:block;overflow:hidden}.ad-slot--home{margin-top:var(--space-6);padding-top:var(--space-panel-divide);border-top:1px solid var(--border)}.ad-slot--legal{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.site-footer{padding:var(--space-panel-divide) var(--space-page-x) var(--space-page-x);padding-left:calc(var(--space-page-x) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-page-x) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-page-x) + env(safe-area-inset-bottom,0px));background:var(--footer-bg);border-top:none}.site-footer__inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.site-footer__copyright{color:var(--footer-text);margin:0;font-size:13px}.site-footer__links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-footer__link{color:var(--footer-text);transition:color var(--transition-fast);font-size:13px;font-weight:500;text-decoration:none}button.site-footer__link{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.site-footer__link:hover{color:var(--footer-text-strong);text-decoration:underline}.site-footer__link:focus-visible{outline:2px solid var(--accent-muted);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}.site-footer__separator{color:var(--footer-separator);font-size:13px}@media (width<=1024px){.help-guides__list{max-width:none}}@media (width<=640px){.app__below{margin-top:var(--space-6);margin-left:calc(-1 * var(--space-group) - env(safe-area-inset-left,0px));margin-right:calc(-1 * var(--space-group) - env(safe-area-inset-right,0px));padding:var(--space-6) calc(var(--space-group) + env(safe-area-inset-right,0px)) var(--space-panel-divide) calc(var(--space-group) + env(safe-area-inset-left,0px))}.help-guides__title{font-size:24px}.help-guides__article{padding:var(--space-panel-divide) 0}.help-guides__nav-list{gap:var(--space-group) var(--space-block)}.tool-tabs{gap:var(--space-1);grid-template-columns:1fr}.site-footer{padding:var(--space-block) var(--space-block) var(--space-panel-divide)}.site-footer__inner{text-align:center;flex-direction:column;align-items:center}.legal-page{padding:var(--space-1) var(--space-block) var(--space-6)}.legal-page__title{font-size:24px}}