@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-sans-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-sans-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-sans-600.woff2)format("woff2")}:root{--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-display:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--radius-control:2px;--radius-panel:2px;--motion-fast:.12s;--ease-standard:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#e8eaec;--surface:#f5f6f7;--surface-raised:#fff;--surface-muted:#dcdfe2;--stage:#d3d7db;--stage-line:#b6bcc3;--ink:#0f1114;--ink-soft:#383d44;--muted:#575d66;--line:#cdd1d6;--line-strong:#79808a;--accent:#d4152b;--on-accent:#fff;--accent-hover:#b30f23;--accent-link:#c4122a;--accent-soft:#f7dcdf;--measure:#0a6580;--measure-soft:#d3e8ee;--success:#1d6b43;--warning:#7a5410;--error:#a3231e;--error-line:#e0b0ab;--error-surface:#f8e6e4;--notice-line:#cdd1d6;--notice-surface:#eef0f2;--notice-ink:#2a2f35;--checker:#c4c9ce;--crop-matte:#cfd3d8;--crop-rule:#fffffff0;--crop-shade:#0a0c0f94;--focus:#0a6580;--shadow-float:0 14px 40px #0f111429;color:var(--ink);background:var(--canvas)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0c0d0f;--surface:#141619;--surface-raised:#1b1e22;--surface-muted:#202429;--stage:#08090a;--stage-line:#272b30;--ink:#eceef0;--ink-soft:#b4bac2;--muted:#8c929b;--line:#272b30;--line-strong:#646b75;--accent:#ff3d50;--on-accent:#0c0d0f;--accent-hover:#ff6372;--accent-link:#ff7a88;--accent-soft:#3a1b20;--measure:#5fd0ea;--measure-soft:#12323b;--success:#8fd1a8;--warning:#e6c77a;--error:#ffa8a1;--error-line:#6f3a36;--error-surface:#2f1d1c;--notice-line:#2f343a;--notice-surface:#181b1f;--notice-ink:#d6dae0;--checker:#1d2024;--crop-matte:#101214;--crop-rule:#ffffffe0;--crop-shade:#000000b3;--focus:#5fd0ea;--shadow-float:0 18px 44px #00000080}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--canvas);scrollbar-color:var(--line-strong) var(--canvas);min-width:0;accent-color:var(--accent);scroll-padding-top:72px}body{background:var(--canvas);min-width:0;min-height:100vh;color:var(--ink);margin:0;font-size:14px;line-height:1.5}.route-loading{width:min(1120px,100% - 48px);color:var(--ink-soft);text-align:center;margin:80px auto}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{color:var(--on-accent);background:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-shell{background:var(--canvas);flex-direction:column;min-height:100vh;display:flex}html{scroll-padding-top:72px;scroll-padding-bottom:200px}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 24px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:30px;height:27px;display:block}.wordmark span{color:var(--ink);letter-spacing:-.03em;font-size:19px;font-weight:600;line-height:1}.header-tools{align-items:center;gap:8px;display:flex}.account-nav-link,.theme-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-control);min-width:36px;min-height:36px;color:var(--ink);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.account-nav-link:hover,.theme-toggle:hover{border-color:var(--ink);background:var(--surface-muted)}.theme-toggle{padding:0}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}main{flex:1;width:min(1680px,100%);margin-inline:auto;padding:0 24px 56px}.workspace-heading{gap:10px;padding:24px 0 20px;display:grid}.section-index,.results-kicker,.field-label,.output-label{color:var(--muted);font:500 13px/1.4 var(--font-sans);align-items:center;gap:8px;display:inline-flex}.workspace-heading h1{letter-spacing:-.02em;text-wrap:balance;max-width:28ch;margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.2}.workspace-heading p{max-width:56ch;color:var(--ink-soft);margin:6px 0 0;font-size:16px}.is-active .workspace-heading{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 18px;padding:18px 0 16px}.is-active .workspace-heading h1{letter-spacing:-.02em;max-width:none;font-size:20px;line-height:1.2}.is-active .workspace-heading p{display:none}.tool-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.tool-workspace.is-empty{grid-template-columns:minmax(0,1fr)}.upload-panel{min-width:0}.upload-panel.has-files{flex-direction:column;display:flex}.upload-panel:not(.has-files){border:1px dashed var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard)}.upload-panel.is-dragging{border-color:var(--measure);background:var(--measure-soft);border-style:solid}.upload-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:min(440px,56vh);padding:48px 24px;display:flex}.upload-icon{width:32px;height:32px;color:var(--muted);stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.upload-empty h2{margin:0;font-size:22px;font-weight:600;line-height:1.2}.upload-empty .choose-button{margin-top:8px}.upload-limits{max-width:52ch;color:var(--muted);margin:8px 0 0;font-size:13px}.upload-hint{color:var(--muted);margin:2px 0 0}.choose-button,.process-button,.zip-button,.download-button{border-radius:var(--radius-control);cursor:pointer;min-height:44px;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.choose-button,.process-button{background:var(--accent);color:var(--on-accent)}.choose-button:hover:not(:disabled),.process-button:hover:not(:disabled){background:var(--accent-hover)}.choose-button svg,.add-more-button svg,.remove-image-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}button:disabled,select:disabled,input:disabled{cursor:not-allowed}.choose-button:disabled,.process-button:disabled,.zip-button:disabled,.download-button:disabled,.secondary-button:disabled,.add-more-button:disabled,.transform-button:disabled{opacity:.45}.upload-notice{border-top:1px solid var(--notice-line);background:var(--notice-surface);color:var(--notice-ink);margin:0;padding:10px 14px;font-size:13px}.settings-panel{border:1px solid var(--line-strong);background:var(--surface);min-width:0}.settings-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.settings-heading h2{letter-spacing:-.02em;margin:4px 0 0;font-size:18px;font-weight:600;line-height:1.25}.spec-list{border-top:1px solid var(--line);margin:0}.spec-list>div{border-bottom:1px solid var(--line);grid-template-columns:88px minmax(0,1fr);gap:14px;padding:13px 20px;display:grid}.spec-list>div:last-child{border-bottom:0}.spec-list dt{color:var(--muted);font:500 13px/1.5 var(--font-sans);padding-top:2px}.spec-list dd{color:var(--ink);margin:0}.upload-results{gap:16px;min-width:0;display:grid}.results-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.results-heading h2{letter-spacing:-.02em;margin:2px 0 0;font-size:17px;font-weight:600;line-height:1.3}.batch-summary,.paste-hint{color:var(--muted);font:400 13px/1.6 var(--font-sans);margin:0}.add-more-button,.secondary-button{border:1px solid var(--line-strong);border-radius:var(--radius-control);min-height:38px;color:var(--ink);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.add-more-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:var(--ink);background:var(--surface-muted)}.text-button,.replace-link{min-height:36px;color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:500;text-decoration:underline}.text-button:hover:not(:disabled),.replace-link:hover:not(:disabled){color:var(--ink)}.image-workbench{border:1px solid var(--line-strong);background:var(--surface);grid-template-columns:72px minmax(0,1fr);grid-template-areas:"title title""tools mode""tools stage";display:grid}.workbench-toolbar{display:contents}.workbench-image-title{border-bottom:1px solid var(--line);flex-wrap:wrap;grid-area:title;align-items:baseline;gap:2px 14px;min-width:0;padding:12px 16px;display:flex}.workbench-image-title .results-kicker{flex:0 0 100%}.workbench-image-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.file-metadata{color:var(--muted);font:400 13px/1.6 var(--font-sans);overflow-wrap:anywhere}.workbench-actions{border-right:1px solid var(--line);background:var(--surface-muted);flex-direction:column;grid-area:tools;gap:6px;padding:10px 8px;display:flex}.transform-button{border-radius:var(--radius-control);min-height:58px;color:var(--ink-soft);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 2px;display:flex}.transform-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.transform-button span{font:500 13px/1.2 var(--font-sans);text-align:center}.transform-button:hover:not(:disabled){background:var(--surface-raised);color:var(--ink)}.transform-button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.workbench-mode-switch{grid-area:mode;gap:0;padding:10px 14px 0;display:flex}.workbench-mode-button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink-soft);font:500 13px/1 var(--font-sans);cursor:pointer;background:0 0;padding:0 14px}.workbench-mode-button+.workbench-mode-button{border-left:0}.workbench-mode-button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.workbench-mode-button:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.workbench-mode-button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.workbench-mode-button[aria-pressed=true]+.workbench-mode-button{border-left-color:var(--ink)}.comparison-workspace,.workspace-crop{grid-area:stage;min-width:0;padding:10px 14px 14px}.workbench-empty{min-height:240px;color:var(--ink-soft);text-align:center;grid-column:1/-1;place-items:center;padding:24px;display:grid}.comparison-stage{border:1px solid var(--stage-line);background-color:var(--stage);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%), linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%);background-position:0 0,8px 8px;background-size:16px 16px;width:100%;height:clamp(320px,100vh - 360px,700px);position:relative;overflow:hidden}.comparison-image,.comparison-after{width:100%;height:100%;position:absolute;inset:0}.comparison-image{object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.comparison-after{z-index:1;overflow:hidden}.comparison-placeholder{color:var(--ink-soft);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.comparison-label{z-index:3;color:#fff;font:500 13px/1 var(--font-sans);pointer-events:none;background:#0a0c0fd1;padding:5px 8px;position:absolute;top:10px;box-shadow:0 0 0 1px #ffffff47}.comparison-label-before{left:10px}.comparison-label-after{background:var(--accent);color:var(--on-accent);right:10px}.comparison-divider{z-index:2;background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #00000047}.comparison-divider>span{background:var(--accent);border:2px solid #fff;border-radius:50%;width:34px;height:34px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.comparison-divider>span:before,.comparison-divider>span:after{border:solid var(--on-accent);content:"";border-width:0 0 2px 2px;width:6px;height:6px;position:absolute;top:50%}.comparison-divider>span:before{left:8px;transform:translateY(-50%)rotate(45deg)}.comparison-divider>span:after{right:8px;transform:translateY(-50%)rotate(-135deg)}.comparison-stage>input.comparison-slider{z-index:4;appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-slider::-webkit-slider-runnable-track{background:0 0;height:100%}.comparison-slider::-moz-range-track{background:0 0;height:100%}.comparison-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:36px;height:52px}.comparison-slider::-moz-range-thumb{background:0 0;border:0;width:36px;height:52px}.comparison-slider:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.comparison-meta{border:1px solid var(--line);background:var(--surface-raised);font:400 13px/1.5 var(--font-sans);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;margin-top:10px;display:grid}.comparison-meta>span{color:var(--ink-soft);padding:8px 12px}.comparison-meta>span+span{border-left:1px solid var(--line)}.comparison-meta>span:first-child:before,.comparison-meta>span:nth-child(2):before{content:""}.comparison-delta{white-space:nowrap;font-weight:600;color:var(--success)!important}.comparison-delta.is-larger{color:var(--warning)!important}.comparison-help{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.comparison-help+.comparison-meta+.comparison-help,.comparison-meta+.comparison-help{display:none}.crop-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:4px;display:flex}.crop-editor-heading p{max-width:62ch;color:var(--ink-soft);margin:4px 0 0;font-size:13px}.crop-aspect-field{color:var(--muted);font:500 13px/1 var(--font-sans);gap:5px;display:grid}.crop-stage{border:1px solid var(--stage-line);background:var(--crop-matte);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.crop-stage>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.workspace-crop-stage{max-height:min(66vh,760px);margin-block:10px}.crop-window{z-index:1;border:1px solid var(--crop-rule);box-shadow:0 0 0 9999px var(--crop-shade);pointer-events:auto;touch-action:none;cursor:move;position:absolute}.crop-window:before,.crop-window:after{content:"";pointer-events:none;position:absolute;inset:0}.crop-window:before{border-right:1px solid var(--crop-rule);border-left:1px solid var(--crop-rule);opacity:.6;margin-inline:33.333%}.crop-window:after{border-top:1px solid var(--crop-rule);border-bottom:1px solid var(--crop-rule);opacity:.6;margin-block:33.333%}.crop-window .crop-crosshair{pointer-events:none}.crop-handle{z-index:2;border:2px solid var(--ink);touch-action:none;cursor:crosshair;background:#fff;border-radius:1px;width:16px;height:16px;padding:0;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-handle-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.crop-handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-handle-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-handle-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.crop-handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.crop-handle-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.crop-number-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.crop-dimensions-note{color:var(--measure);font:400 13px/1.6 var(--font-sans);margin:10px 0 0}.crop-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.crop-actions .text-button{margin-right:auto}.crop-actions .download-button{background:var(--accent);color:var(--on-accent)}.batch-queue{border:1px solid var(--line);background:var(--surface)}.batch-queue>summary{min-height:46px;font:500 13px/1 var(--font-sans);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;list-style:none;display:flex}.batch-queue>summary::-webkit-details-marker{display:none}.batch-queue>summary span:last-child{color:var(--muted)}.batch-queue[open]>summary{border-bottom:1px solid var(--line)}.file-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start;gap:12px;margin:0;padding:14px;list-style:none;display:grid}.file-row{border:1px solid var(--line-strong);background:var(--surface-raised);min-width:0;transition:border-color var(--motion-fast) var(--ease-standard);display:grid;position:relative}.file-row:hover{border-color:var(--ink)}.file-row:has(.file-select[aria-pressed=true]){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.file-row:has(.file-select:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.image-preview{aspect-ratio:4/3;border-bottom:1px solid var(--line);background-color:var(--stage);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%), linear-gradient(45deg, var(--checker) 25%, transparent 25%, transparent 75%, var(--checker) 75%);background-position:0 0,6px 6px;background-size:12px 12px;place-items:center;display:grid;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.image-preview.preview-error{color:var(--error);font:600 13px/1 var(--font-sans)}.file-details{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:10px 40px 10px 12px;display:grid}.file-select:focus-visible{outline:none}.file-select:after{content:"";position:absolute;inset:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.planned-output-size{color:var(--measure);font:500 13px/1.5 var(--font-sans)}.remove-image-button{z-index:2;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);width:30px;height:30px;color:var(--ink);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.remove-image-button svg{width:14px;height:14px}.remove-image-button:hover:not(:disabled){border-color:var(--error);background:var(--error-surface);color:var(--error)}.process-status{border-top:1px solid var(--line);color:var(--ink-soft);font:500 13px/1.5 var(--font-sans);padding:7px 12px}.process-success{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.process-error{color:var(--error)}.process-status.process-error{background:var(--error-surface)}.processed-output{z-index:2;border-top:1px solid var(--line);gap:10px;padding:12px;display:grid;position:relative}.output-details{gap:10px;display:grid}.output-file-details{gap:2px;min-width:0;display:grid}.size-change{color:var(--success);font:600 13px/1.5 var(--font-sans)}.size-larger{color:var(--warning)}.size-note,.format-fallback{color:var(--muted);font-size:11px}.download-button{border-color:var(--ink);min-height:38px;color:var(--ink);background:0 0}.download-button:hover:not(:disabled){background:var(--ink);color:var(--canvas)}.comparison-grid{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.comparison-item{gap:4px;min-width:0;margin:0;display:grid}.comparison-item img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:var(--stage);width:100%}.comparison-item figcaption{color:var(--muted);font:400 13px/1.4 var(--font-sans);display:grid}.comparison-item figcaption strong{color:var(--ink);font-weight:600}.batch-output-summary{border:1px solid var(--line);background:var(--surface);gap:4px;padding:14px 16px;display:grid}.batch-output-summary h3{font:500 13px/1.4 var(--font-sans);margin:0}.batch-output-summary p{color:var(--ink-soft);font:400 13px/1.6 var(--font-sans);margin:0}.zip-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zip-button{background:var(--ink);color:var(--canvas)}.zip-button:hover:not(:disabled){background:var(--ink-soft)}.zip-download-link{color:var(--accent-link);font-weight:600}.zip-progress{flex:160px}.zip-error{color:var(--error);flex:0 0 100%;margin:0}.zip-empty-note{color:var(--muted);font:400 13px/1.5 var(--font-sans);margin:0}.replace-link{color:var(--muted);justify-self:start}.settings-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;max-height:calc(100vh - 88px);display:flex;position:sticky;top:72px;overflow-y:auto}.reset-settings-button{min-height:30px;color:var(--muted);font-size:12px}.shared-setting-note{color:var(--muted);font:400 13px/1.6 var(--font-sans);margin:0;padding:0 20px 14px}.settings-disclosure,.conversion-details{border-top:1px solid var(--line)}.settings-disclosure>summary,.conversion-details>summary{min-height:44px;font:500 13px/1 var(--font-sans);cursor:pointer;align-items:center;padding:0 20px;display:flex}.conversion-details{border:1px solid var(--line);background:var(--surface-raised);margin:4px 0 0}.conversion-details>summary{min-height:38px;padding:0 12px}.conversion-details p{color:var(--ink-soft);margin:0;padding:0 12px 12px;font-size:12px;line-height:1.6}.control-group{border:0;border-top:1px solid var(--line);gap:14px;min-width:0;margin:0;padding:18px 20px;display:grid}.control-group-title{color:var(--ink);font:600 13px/1 var(--font-sans);letter-spacing:.1em;align-items:center;gap:10px;margin:0;padding:0;display:flex}.control-group-title span{color:var(--accent-link)}fieldset.control-group>legend.control-group-title{float:left;width:100%;margin-bottom:14px}fieldset.control-group>legend+*{clear:both}.tool-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tool-option,.segment{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);min-height:40px;color:var(--ink-soft);text-align:center;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);place-items:center;font-size:13px;font-weight:500;display:grid;position:relative}.tool-option input,.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tool-option:hover,.segment:hover{border-color:var(--ink);color:var(--ink)}:is(.tool-option:has(input:checked),.segment:has(input:checked)){border-color:var(--ink);background:var(--ink);color:var(--canvas)}:is(.tool-option:has(input:focus-visible),.segment:has(input:focus-visible)){outline:2px solid var(--focus);outline-offset:2px}:is(.tool-option:has(input:disabled),.segment:has(input:disabled)){opacity:.5}.format-picker{border:0;min-width:0;margin:0;padding:0}.format-picker legend,.setting-field>span,.quality-control>label{color:var(--ink-soft);font-size:12px;font-weight:500}.format-picker legend{padding:0 0 6px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.segmented .segment{border-radius:0}.segmented .segment+.segment{margin-left:-1px}.segmented .segment:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.segmented .segment:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.segmented .segment:has(input:checked){z-index:1}.settings-grid{gap:16px;display:grid}.setting-field{gap:6px;min-width:0;display:grid}.setting-field input,.setting-field select,.crop-aspect-field select{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;min-height:40px;color:var(--ink);padding:0 10px;font-size:13px}.setting-field input[type=number],.setting-field input[type=text]{font-variant-numeric:tabular-nums}.setting-field input:hover:not(:disabled),.setting-field select:hover:not(:disabled){border-color:var(--ink)}.quality-control{gap:8px;display:grid}.quality-control>label{justify-content:space-between;align-items:baseline;display:flex}.quality-control>label span:last-child{color:var(--ink);font:600 13px/1 var(--font-sans)}input[type=range]{cursor:pointer;width:100%;height:24px;margin:0}.setting-help{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.setting-help a{color:var(--accent-link)}.toggle-setting{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-raised);cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.toggle-setting:hover{border-color:var(--ink)}.toggle-setting input{flex:none;width:18px;height:18px;margin:0}.toggle-options,.target-size-settings{gap:10px;display:grid}.dimension-fields,.preset-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-preset-panel,.processing-presets{border:0;gap:12px;min-width:0;margin:0;padding:14px 20px 18px;display:grid}.processing-presets legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preset-actions{flex-wrap:wrap;gap:6px;display:flex}.preset-actions .secondary-button{min-height:34px}.preset-notice{color:var(--measure);font:400 13px/1.5 var(--font-sans);margin:0}.processing-validation{border:1px solid var(--error-line);background:var(--error-surface);color:var(--error);margin:0;padding:10px 12px;font-size:13px}.export-bar{z-index:2;border-top:1px solid var(--ink);background:var(--surface-raised);gap:12px;margin-top:auto;padding:16px 20px 18px;display:grid;position:sticky;bottom:0;box-shadow:0 -12px 24px -16px #00000047}.export-bar .control-group-title{margin-bottom:2px}.process-button{width:100%;min-height:52px;font-size:15px}.process-button:not(:disabled):after{content:"→";font-weight:500}.local-processing-note,.transparency-note{color:var(--muted);font:400 13px/1.5 var(--font-sans);text-align:center;margin:0}.transparency-note{text-align:left}.batch-progress{gap:6px;display:grid}.batch-progress-label{font:500 13px/1.4 var(--font-sans);justify-content:space-between;align-items:center;gap:8px;display:flex}progress{appearance:none;background:var(--surface-muted);width:100%;height:6px;accent-color:var(--accent);border:0}progress::-webkit-progress-bar{background:var(--surface-muted)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.site-footer{border-top:1px solid var(--line);min-height:52px;color:var(--muted);font:400 13px/1 var(--font-sans);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.site-footer nav{gap:20px;display:flex}.site-footer a{color:var(--ink-soft);text-underline-offset:3px}@media (width<=1180px){.tool-workspace,.tool-workspace.is-empty{grid-template-columns:minmax(0,1fr)}.settings-panel{max-height:none;position:static;overflow:visible}.export-bar{position:sticky;bottom:0}.tool-options{grid-template-columns:repeat(6,minmax(0,1fr))}.spec-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.spec-list>div{border-right:1px solid var(--line);grid-template-columns:1fr;gap:4px}}@media (width<=820px){.site-header,.site-footer,main{padding-inline:16px}.workspace-heading{padding:24px 0 20px}.is-active .workspace-heading{grid-template-columns:1fr;gap:4px}.image-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""tools""mode""stage"}.workbench-actions{border-right:0;border-bottom:1px solid var(--line);flex-direction:row}.transform-button{flex:1;min-height:52px}.comparison-stage{height:clamp(280px,56vh,520px)}.comparison-meta{grid-template-columns:1fr}.comparison-meta>span+span{border-top:1px solid var(--line);border-left:0}.tool-options{grid-template-columns:repeat(3,minmax(0,1fr))}.crop-number-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.file-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.spec-list{grid-template-columns:1fr}.spec-list>div{border-right:0;grid-template-columns:88px minmax(0,1fr)}.upload-empty{min-height:0}.results-heading{flex-wrap:wrap}.paste-hint{display:none}}@media (width<=520px){.header-tools{gap:6px}.site-footer{flex-wrap:wrap;padding-block:14px}}@media (pointer:coarse){.secondary-button,.add-more-button,.zip-button,.download-button,.text-button,.replace-link,.workbench-mode-button,.preset-actions .secondary-button,.toggle-setting,.setting-field input,.setting-field select,.crop-aspect-field select,.tool-option,.segment{min-height:44px}.remove-image-button{width:36px;height:36px}.crop-handle{width:22px;height:22px}}