.savings-indicator[data-v-98a68e5f]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;line-height:1.25;white-space:nowrap}.savings-value strong[data-v-98a68e5f]{font-size:1.5em;font-weight:650;color:inherit}.savings-label[data-v-98a68e5f]{font-size:1em;font-weight:400}.file-icon[data-v-eb7c7897]{overflow:hidden}img[data-v-eb7c7897]{display:block;width:100%;height:100%;object-fit:cover}:root{--ic-color-neutral-0: #FFFFFF;--ic-color-neutral-25: #FAFBFD;--ic-color-neutral-50: #F4F6F9;--ic-color-neutral-100: #EDF0F4;--ic-color-neutral-150: #E5E9EF;--ic-color-neutral-200: #D7DDE6;--ic-color-neutral-300: #B5BFCE;--ic-color-neutral-400: #7D899B;--ic-color-neutral-500: #5D697B;--ic-color-neutral-600: #505C6E;--ic-color-neutral-700: #3E495B;--ic-color-neutral-800: #293343;--ic-color-neutral-900: #1C2533;--ic-color-blue-50: #EEF4FF;--ic-color-blue-100: #DFE9F9;--ic-color-blue-200: #C3D5F0;--ic-color-blue-300: #A0BCE5;--ic-color-blue-400: #789BD0;--ic-color-blue-500: #456EAE;--ic-color-blue-600: #365E9B;--ic-color-blue-700: #2C4F85;--ic-color-blue-800: #233F6B;--ic-color-mint-100: #DDF2ED;--ic-color-mint-300: #ACDCD1;--ic-color-mint-700: #256855;--ic-color-lavender-100: #EBE5F8;--ic-color-lavender-300: #C8B9E7;--ic-color-lavender-700: #645089;--ic-color-peach-100: #F9E8DE;--ic-color-peach-300: #EDC4AE;--ic-color-peach-700: #875035;--ic-color-yellow-100: #F6F0D5;--ic-color-yellow-700: #755C16;--ic-color-red-100: #FBE7E9;--ic-color-red-600: #AD3444;--ic-color-red-700: #8E2937;--ic-color-surface-canvas: var(--ic-color-neutral-150);--ic-color-surface-shell: var(--ic-color-neutral-100);--ic-color-surface-panel: var(--ic-color-neutral-50);--ic-color-surface-raised: var(--ic-color-neutral-25);--ic-color-surface-inset: #E9EDF3;--ic-color-surface-input: var(--ic-color-neutral-100);--ic-color-surface-hover: #E6ECF5;--ic-color-surface-selected: var(--ic-color-blue-100);--ic-color-surface-disabled: var(--ic-color-neutral-150);--ic-color-surface-on-image: rgba(28, 37, 51, .82);--ic-color-text-primary: var(--ic-color-neutral-800);--ic-color-text-secondary: var(--ic-color-neutral-600);--ic-color-text-muted: var(--ic-color-neutral-500);--ic-color-text-placeholder: var(--ic-color-neutral-500);--ic-color-text-disabled: var(--ic-color-neutral-500);--ic-color-text-inverse: var(--ic-color-neutral-0);--ic-color-text-link: var(--ic-color-blue-700);--ic-color-text-selected: var(--ic-color-blue-700);--ic-color-border-decorative: rgba(255, 255, 255, .78);--ic-color-border-divider: var(--ic-color-neutral-200);--ic-color-border-control: var(--ic-color-neutral-400);--ic-color-border-selected: var(--ic-color-blue-500);--ic-color-border-error: var(--ic-color-red-600);--ic-color-action-primary: var(--ic-color-blue-500);--ic-color-action-primary-hover: var(--ic-color-blue-600);--ic-color-action-primary-pressed: var(--ic-color-blue-700);--ic-color-action-on-primary: var(--ic-color-neutral-0);--ic-color-action-secondary: var(--ic-color-surface-panel);--ic-color-action-on-secondary: var(--ic-color-text-primary);--ic-color-action-destructive: var(--ic-color-red-600);--ic-color-action-destructive-hover: var(--ic-color-red-700);--ic-color-status-success-bg: var(--ic-color-mint-100);--ic-color-status-success-text: var(--ic-color-mint-700);--ic-color-status-warning-bg: var(--ic-color-yellow-100);--ic-color-status-warning-text: var(--ic-color-yellow-700);--ic-color-status-error-bg: var(--ic-color-red-100);--ic-color-status-error-text: var(--ic-color-red-700);--ic-color-status-info-bg: var(--ic-color-blue-100);--ic-color-status-info-text: var(--ic-color-blue-700);--ic-color-focus-ring: var(--ic-color-blue-700);--ic-color-focus-gap: var(--ic-color-neutral-0);--ic-color-chart-original: var(--ic-color-neutral-600);--ic-color-chart-result: var(--ic-color-blue-600);--ic-color-chart-saved: var(--ic-color-mint-700);--ic-color-chart-track: var(--ic-color-neutral-200);--ic-font-family-ui: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ic-font-family-numeric: var(--ic-font-family-ui);--ic-font-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--ic-font-size-caption: .75rem;--ic-font-size-small: .875rem;--ic-font-size-body: 1rem;--ic-font-size-lead: 1.125rem;--ic-font-size-h3: 1.25rem;--ic-font-size-h2: 1.5rem;--ic-font-size-h1: 2rem;--ic-font-size-h1-mobile: 1.75rem;--ic-font-size-display: 2.5rem;--ic-font-size-display-mobile: var(--ic-font-size-h1);--ic-font-size-metric: 1.75rem;--ic-font-weight-regular: 400;--ic-font-weight-medium: 500;--ic-font-weight-semibold: 600;--ic-font-weight-bold: 700;--ic-font-line-height-heading: 1.2;--ic-font-line-height-compact: 1.35;--ic-font-line-height-body: 1.5;--ic-font-line-height-reading: 1.65;--ic-font-tracking-display: -.035em;--ic-font-tracking-heading: -.025em;--ic-font-tracking-body: 0em;--ic-font-tracking-label: .01em;--ic-space-0: 0px;--ic-space-1: 4px;--ic-space-2: 8px;--ic-space-3: 12px;--ic-space-4: 16px;--ic-space-5: 20px;--ic-space-6: 24px;--ic-space-8: 32px;--ic-space-10: 40px;--ic-space-12: 48px;--ic-space-16: 64px;--ic-space-20: 80px;--ic-radius-small: 8px;--ic-radius-control: 12px;--ic-radius-button: 14px;--ic-radius-panel: 20px;--ic-radius-hero: 24px;--ic-radius-shell: 32px;--ic-radius-pill: 999px;--ic-border-hairline: 1px;--ic-border-strong: 2px;--ic-border-focus: 3px;--ic-border-focus-offset: 3px;--ic-shadow-none: none;--ic-shadow-shell: 20px 24px 64px rgba(62, 73, 91, .16), -12px -12px 36px rgba(255, 255, 255, .7), inset 0px 1px 0px rgba(255, 255, 255, .7);--ic-shadow-raised: 8px 8px 20px rgba(96, 111, 134, .13), -6px -6px 16px rgba(255, 255, 255, .88), inset 0px 1px 0px rgba(255, 255, 255, .8);--ic-shadow-raised-hover: 10px 12px 24px rgba(96, 111, 134, .16), -7px -7px 18px rgba(255, 255, 255, .94);--ic-shadow-compact: 4px 4px 10px rgba(96, 111, 134, .13), -3px -3px 8px rgba(255, 255, 255, .88);--ic-shadow-inset: inset 3px 3px 7px rgba(96, 111, 134, .13), inset -3px -3px 7px rgba(255, 255, 255, .86);--ic-shadow-pressed: inset 2px 3px 6px rgba(35, 63, 107, .2), inset -1px -1px 3px rgba(255, 255, 255, .2);--ic-shadow-primary: 0px 5px 12px rgba(54, 94, 155, .22), inset 0px 1px 0px rgba(255, 255, 255, .32);--ic-shadow-floating: 0px 16px 40px rgba(41, 51, 67, .2), 0px 2px 6px rgba(41, 51, 67, .08);--ic-gradient-panel: linear-gradient(145deg, #FAFBFD 0%, #EDF0F4 100%);--ic-gradient-holographic: linear-gradient(120deg, #DFE9F9 0%, #EBE5F8 24%, #F9E8DE 45%, #F6F0D5 60%, #DDF2ED 78%, #DFE9F9 100%);--ic-gradient-upload: radial-gradient(ellipse at 15% 10%, rgba(195, 213, 240, .55), transparent 55%), radial-gradient(ellipse at 90% 80%, rgba(221, 242, 237, .6), transparent 55%), linear-gradient(145deg, #FAFBFD, #EDF0F4);--ic-opacity-decoration: .55;--ic-opacity-overlay: .38;--ic-size-control: 44px;--ic-size-control-large: 48px;--ic-size-icon-small: 16px;--ic-size-icon: 20px;--ic-size-icon-large: 24px;--ic-size-thumbnail: 56px;--ic-size-thumbnail-mobile: 48px;--ic-size-sidebar: 224px;--ic-size-settings: 320px;--ic-size-content-max: 1440px;--ic-size-reading-max: 720px;--ic-size-dialog-max: 560px;--ic-size-progress: 8px;--ic-breakpoint-sm: 640px;--ic-breakpoint-md: 768px;--ic-breakpoint-lg: 1024px;--ic-breakpoint-xl: 1280px;--ic-motion-duration-instant: 0ms;--ic-motion-duration-fast: .14s;--ic-motion-duration-normal: .2s;--ic-motion-duration-slow: .28s;--ic-motion-easing-standard: cubic-bezier(.2, 0, .2, 1);--ic-motion-easing-enter: cubic-bezier(.16, 1, .3, 1);--ic-motion-distance-press: 1px;--ic-motion-distance-enter: 8px;--ic-z-index-base: 0;--ic-z-index-sticky: 10;--ic-z-index-dropdown: 20;--ic-z-index-overlay: 40;--ic-z-index-dialog: 50;--ic-z-index-toast: 60}*{box-sizing:border-box}body{margin:0;color:var(--ic-color-text-primary);background:var(--ic-color-surface-canvas);font-family:var(--ic-font-family-ui);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,fieldset:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ic-color-blue-700);outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}button,input,select{min-height:44px}h1,h2,h3,p{margin-top:0}h2{font-size:18px;font-weight:650;letter-spacing:-.35px;margin-bottom:0}h3{font-size:16px;margin-bottom:6px}p{line-height:1.6}fieldset{border:0;padding:0;margin:0;min-width:0}input[type=checkbox]{min-height:20px;width:18px;height:18px;accent-color:var(--ic-color-blue-500);flex:none}input[type=range]{padding:0;accent-color:var(--ic-color-blue-500);width:100%;cursor:pointer}input[type=color]{padding:5px;width:64px}input[type=number],select{width:100%;border:1px solid var(--ic-color-border-control);border-radius:12px;background:var(--ic-color-surface-input);color:var(--ic-color-text-primary);padding:10px 12px;box-shadow:var(--ic-shadow-inset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:1600px;min-height:calc(100vh - 64px);margin:32px auto;display:grid;grid-template-columns:224px minmax(0,1fr);background:var(--ic-color-surface-shell);border:1px solid rgba(255,255,255,.65);border-radius:32px;box-shadow:var(--ic-shadow-shell);overflow:hidden}.sidebar{border-right:1px solid rgba(255,255,255,.55);padding:34px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:18px;font-weight:750;letter-spacing:-.8px;gap:9px;min-height:44px;white-space:nowrap}.nav-caption{font-size:10px;letter-spacing:1.8px;color:var(--ic-color-text-muted);margin:49px 12px 13px}nav{display:flex;flex-direction:column;gap:9px}nav a{display:flex;gap:12px;align-items:center;min-height:48px;padding:12px;font-size:13px;font-weight:550;border-radius:12px;color:var(--ic-color-text-secondary)}nav a:hover{background:var(--ic-color-surface-hover)}nav a.active{color:var(--ic-color-blue-700);background:var(--ic-color-surface-panel);box-shadow:var(--ic-shadow-raised);border:1px solid white}.nav-icon{font-size:23px;font-weight:400;width:23px;text-align:center}.sidebar-note{margin:auto 10px 40px;padding-top:64px;color:var(--ic-color-text-secondary)}.privacy-symbol{display:flex;align-items:center;justify-content:center;color:var(--ic-color-mint-700);background:var(--ic-color-mint-100);border-radius:14px;width:42px;height:42px;font-size:26px;margin-bottom:16px;box-shadow:var(--ic-shadow-raised)}.sidebar-note strong{font-size:12px;line-height:1.6;display:block}.sidebar-note p{font-size:11px;margin:9px 0 0}.sidebar-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:var(--ic-color-text-muted)}.sidebar-bottom span{letter-spacing:0}main{min-width:0;padding:25px 36px 18px}.header-actions{display:flex;align-items:center;gap:22px}.language select{width:66px;border-color:transparent;box-shadow:var(--ic-shadow-raised);border-radius:20px;font-size:12px;padding-left:14px}.page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0 30px}h1{font-size:30px;font-weight:650;letter-spacing:-1.1px;line-height:1.25;margin-bottom:12px}.page-heading p:not(.eyebrow){font-size:12px;color:var(--ic-color-text-secondary);margin:0}.local-badge{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;background:var(--ic-color-mint-100);color:var(--ic-color-mint-700);padding:9px 12px;border:1px solid #c8e3db;border-radius:20px;white-space:nowrap}.local-badge>span{font-size:18px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:25px;align-items:start}.work-column{min-width:0}.panel{background:var(--ic-gradient-panel);box-shadow:var(--ic-shadow-raised);border:1px solid var(--ic-color-border-decorative);border-radius:22px}.dropzone{text-align:center;background:var(--ic-gradient-upload);padding:30px 20px 22px;outline:1px dashed #acbacd;outline-offset:-11px;transition:background .15s,outline-color .15s}.dropzone.dragging{outline:3px solid var(--ic-color-blue-500);background:var(--ic-color-blue-100)}.upload-art{position:relative;width:114px;height:95px;margin:0 auto 16px}.photo-back{position:absolute;width:69px;height:79px;left:15px;top:6px;border-radius:12px;background:var(--ic-gradient-holographic);transform:rotate(-15deg);border:2px solid white;box-shadow:5px 8px 14px #8495af38}.photo-front{position:absolute;width:72px;height:79px;left:36px;top:14px;background:linear-gradient(145deg,#f9fbff,#e2e9f3);border:2px solid white;box-shadow:6px 7px 15px #8999af33;border-radius:12px;color:#5278af;font-size:42px;display:grid;place-items:center;transform:rotate(8deg)}.art-spark{position:absolute;color:#aa9bc9;font-size:25px;top:0;right:-6px}.dropzone h2{font-size:21px;letter-spacing:-.6px}.dropzone>p{font-size:12px;color:var(--ic-color-text-secondary);margin:11px 0 19px}.primary,.secondary{padding:11px 20px;border-radius:14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1.5}.primary{color:#fff;background:var(--ic-color-action-primary);box-shadow:var(--ic-shadow-primary);border:1px solid #7190c1}.primary:hover:enabled{background:var(--ic-color-action-primary-hover)}.primary>span:first-child{font-size:18px;font-weight:400}.secondary{color:var(--ic-color-blue-700);background:var(--ic-color-surface-panel);box-shadow:var(--ic-shadow-raised);border:1px solid white}.secondary:hover:enabled{background:var(--ic-color-blue-100)}.dropzone .file-limits{font-size:10px;margin:17px 0 0;color:var(--ic-color-text-muted)}.queue{margin-top:25px;padding:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-height:25px}.count{display:inline-flex;justify-content:center;align-items:center;background:var(--ic-color-surface-inset);box-shadow:var(--ic-shadow-inset);border-radius:8px;font-size:10px;min-width:24px;min-height:23px;margin-left:7px;color:var(--ic-color-text-secondary);vertical-align:middle}.text-button{background:transparent;color:var(--ic-color-blue-700);font-size:11px;padding:8px 4px;min-height:44px}.text-button:hover:enabled{text-decoration:underline}.empty-state{text-align:center;padding:23px 0 27px;color:var(--ic-color-text-muted)}.empty-state>span{font-size:30px;color:#8296b4}.empty-state p{font-size:11px;margin:10px 0 0}.batch-actions{border-top:1px solid var(--ic-color-border-divider);padding-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.batch-actions>.primary{flex:1}.zip-button{margin-left:auto}.file-list{margin-bottom:18px;max-height:460px;overflow:auto;padding:2px}.file-row{display:flex;gap:10px;padding:12px 4px;align-items:center;border-bottom:1px solid var(--ic-color-border-divider);flex-wrap:wrap}.file-row.selected{background:var(--ic-color-surface-selected);border-radius:12px;padding-left:8px}.file-main{display:flex;align-items:center;gap:10px;background:transparent;text-align:left;flex:1;min-width:120px;padding:0;color:inherit}.file-icon{display:grid;place-items:center;width:43px;height:48px;border-radius:10px;background:var(--ic-color-lavender-100);color:var(--ic-color-lavender-700);font-size:10px;font-weight:650;border:1px solid white;flex:none}.file-icon.jpeg{background:var(--ic-color-peach-100);color:var(--ic-color-peach-700)}.file-icon.webp{background:var(--ic-color-mint-100);color:var(--ic-color-mint-700)}.file-info{min-width:0}.file-info strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;max-width:200px}.file-info>span{display:block;font-size:10px;color:var(--ic-color-text-secondary);margin-top:6px}.custom-tag{color:var(--ic-color-blue-700)}.file-result{font-size:10px;display:flex;align-items:flex-start;flex-direction:column;gap:5px;flex:1;min-width:120px}.status{border-radius:7px;padding:4px 7px;background:var(--ic-color-neutral-150);color:var(--ic-color-text-secondary);font-size:10px}.status.ready{background:var(--ic-color-mint-100);color:var(--ic-color-mint-700)}.status.processing{background:var(--ic-color-blue-100);color:var(--ic-color-blue-700)}.status.error{background:var(--ic-color-red-100);color:var(--ic-color-red-700)}.saving{color:var(--ic-color-mint-700)}.warning-text{color:var(--ic-color-yellow-700)}.error-text{color:var(--ic-color-red-700);line-height:1.5}.row-actions{display:flex;gap:4px;align-items:center}.icon-button{background:transparent;border-radius:10px;min-width:36px;min-height:44px;font-size:22px;color:var(--ic-color-text-secondary);padding:0 8px}.icon-button:hover{background:var(--ic-color-surface-hover)}.settings{padding:22px;position:sticky;top:20px}.settings>.section-top{margin-bottom:22px}.settings>.section-top>span{font-size:23px;color:var(--ic-color-text-muted)}.field{display:block;margin-bottom:20px}.field>span:first-child{display:block;font-size:11px;color:var(--ic-color-text-secondary);margin-bottom:9px;font-weight:550}.field input[type=number]{max-width:100%}.hint{font-size:11px;color:var(--ic-color-text-secondary);line-height:1.65;margin:0 0 18px}.field.quality-field{margin-top:24px;margin-bottom:7px}.quality-field>span:first-child{display:flex;justify-content:space-between;align-items:center}.quality-field strong{font-size:12px;background:var(--ic-color-surface-inset);padding:5px 9px;border-radius:7px;font-weight:550;color:var(--ic-color-blue-700)}.range-labels{display:flex;justify-content:space-between;color:var(--ic-color-text-muted);font-size:10px}.settings-divider{height:1px;background:var(--ic-color-border-divider);margin:22px 0}.check-field,.operation-toggles label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;color:var(--ic-color-text-secondary);margin-bottom:14px;min-height:32px}.operation-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--ic-color-border-divider)}.operation-toggles label{font-size:12px;margin-bottom:0;white-space:nowrap}.dimension-fields{display:flex;gap:12px}.dimension-fields>.field{flex:1;min-width:0}.settings-footer{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--ic-color-border-divider)}.settings-footer>span{font-size:23px;color:var(--ic-color-mint-700)}.settings-footer p{font-size:10px;color:var(--ic-color-text-muted);margin:0}.scope-note{padding:12px;background:var(--ic-color-blue-100);border-radius:12px;margin-bottom:18px}.scope-note strong{font-size:11px;word-break:break-all}.scope-note p{font-size:10px;margin:7px 0}.scope-note .text-button{padding:0}.color-field{display:flex;align-items:center;justify-content:space-between}.color-field>span:first-child{margin:0}.preview{margin-top:25px;padding:20px}.preview-name{font-size:11px;overflow-wrap:anywhere;color:var(--ic-color-text-secondary)}.workflow-note{display:flex;align-items:center;gap:16px;padding:28px 13px 8px}.workflow-note>span{font-size:34px;background:var(--ic-gradient-holographic);height:54px;width:54px;flex:none;display:grid;place-items:center;border-radius:16px;border:1px solid white;color:var(--ic-color-blue-700)}.workflow-note h3{font-size:13px;letter-spacing:-.1px}.workflow-note p{font-size:11px;color:var(--ic-color-text-secondary);margin:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ic-color-border-divider);padding-top:17px;margin-top:32px;font-size:9px;color:var(--ic-color-text-muted);line-height:1.6}footer>span:first-child{white-space:nowrap}.notice{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:8px 14px;margin-bottom:20px;background:var(--ic-color-yellow-100);color:var(--ic-color-yellow-700);border-radius:14px}.notice .icon-button{color:inherit}@media(min-width:1500px){.app-shell{margin:40px auto;width:calc(100% - 80px)}main{padding:30px 44px}.workspace-grid{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.dropzone{padding-top:39px;padding-bottom:28px}.dropzone h2{font-size:24px}.dropzone>p{font-size:14px}.upload-art{margin-bottom:24px}.file-info strong{max-width:300px}}@media(min-width:1024px)and (max-width:1279px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.settings{position:static}.settings fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.settings fieldset>.hint,.settings-divider,.operation-toggles{grid-column:1/-1}.page-heading{align-items:flex-start;flex-direction:column}.sidebar{padding-left:16px;padding-right:16px}main{padding-left:25px;padding-right:25px}}@media(max-width:1023px){.app-shell{margin:16px;min-height:calc(100vh - 32px);grid-template-columns:minmax(0,1fr);border-radius:24px}.sidebar{padding:20px 24px 14px;display:block;border-right:0;border-bottom:1px solid white}.brand{font-size:19px}.nav-caption,.sidebar-note,.sidebar-bottom{display:none}nav{flex-direction:row;margin-top:18px;gap:8px}nav a{flex:1;font-size:12px;justify-content:center;padding:9px;gap:7px}.nav-icon{font-size:20px;width:18px}main{padding:20px 24px}.page-heading{margin-top:15px;flex-wrap:wrap}.workspace-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.settings{padding:18px;position:static}.dropzone{padding-left:15px;padding-right:15px}.dropzone>p{max-width:250px;margin-left:auto;margin-right:auto}.file-info strong{max-width:155px}.file-result{min-width:105px}.local-badge{font-size:10px}}@media(max-width:760px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.settings{grid-row:2}.settings fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.settings fieldset>.hint,.settings-divider,.operation-toggles{grid-column:1/-1}.header-actions{margin-left:auto}.page-heading{margin-top:8px}h1{font-size:29px}.dropzone{padding-top:28px}.file-info strong{max-width:260px}}@media(max-width:480px){.app-shell{margin:8px;min-height:calc(100vh - 16px);border-radius:22px}.sidebar{padding:16px 16px 12px}.brand{font-size:18px}nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:15px}nav a{font-size:11px;justify-content:flex-start;min-height:44px;padding:8px 10px;gap:8px;border-radius:10px}main{padding:13px 14px}.header-actions{gap:14px}.language select{min-height:38px;height:38px}.page-heading{margin-bottom:22px;gap:16px}.page-heading p:not(.eyebrow){font-size:11px}h1{font-size:26px;letter-spacing:-.8px;max-width:280px}.local-badge{font-size:9px;padding:6px 10px}.dropzone h2{font-size:20px}.dropzone>p{font-size:11px;max-width:225px}.dropzone .file-limits{font-size:9px;max-width:215px}.dropzone{padding-bottom:23px}.panel{border-radius:18px}.queue{padding:15px;margin-top:20px}.section-top{margin-bottom:12px}h2{font-size:16px}.batch-actions{gap:8px;padding-top:15px}.batch-actions .primary,.batch-actions .secondary{font-size:11px;padding:10px 12px}.batch-actions>.primary{flex:1 0 100%}.zip-button{flex:1}.empty-state{padding:17px 0 22px}.file-row{gap:7px}.file-main{flex-basis:calc(100% - 45px);min-width:0}.file-info strong{max-width:190px;font-size:11px}.file-result{order:3;flex-basis:100%;padding-left:53px}.row-actions{margin-left:auto}.row-actions:has(button+button){order:4}.settings{padding:18px;margin-top:2px}.settings fieldset{display:block}.settings>.section-top{margin-bottom:17px}.field{margin-bottom:18px}.settings-footer{margin-top:22px}.workflow-note{padding:23px 3px 2px;gap:12px}.workflow-note>span{width:44px;height:44px;font-size:27px;border-radius:13px}.workflow-note h3{font-size:12px}.workflow-note p{font-size:10px}.preview{padding:15px}.preview .section-top{flex-wrap:wrap}footer{flex-direction:column;gap:6px;font-size:9px;margin-top:25px;padding-top:15px}.dimension-fields{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.offline-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--ic-color-text-secondary);margin:-10px 0 20px}.cloudtips-panel{position:relative;min-height:115px;margin:28px 0 8px;padding:28px 12px 12px;border:1px dashed var(--ic-color-border-divider);border-radius:14px;text-align:center;color:var(--ic-color-text-muted)}.cloudtips-caption{position:absolute;top:10px;left:14px;font-size:10px;letter-spacing:.4px}.help{margin-top:22px;color:var(--ic-color-text-secondary);font-size:11px;line-height:1.8}.help summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--ic-color-blue-700)}.help summary:before{content:"＋";margin-right:8px}.help[open] summary:before{content:"−"}.help p{margin:10px 0}.help summary:focus-visible{outline:3px solid var(--ic-color-action-primary);outline-offset:3px}footer a{color:var(--ic-color-blue-700);text-decoration:underline}.compare-editor{min-width:0}.compare-stats{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.7;margin:18px 0;color:var(--ic-color-text-secondary)}.compare-stats strong{color:var(--ic-color-text-primary)}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;flex-wrap:wrap}.compare-toolbar .preview-name{margin:0;min-width:0;flex:1;overflow-wrap:anywhere}.compare-zoom-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.compare-zoom-controls button,.compare-pan-controls button{min-width:44px;min-height:44px;padding:7px 10px;font-size:12px}.compare-zoom-controls output{font-size:12px;min-width:43px;text-align:center}.compare-layout{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:18px;align-items:start}.compare-main{min-width:0}.compare-viewport{position:relative;width:100%;height:clamp(300px,40vw,480px);overflow:hidden;isolation:isolate;touch-action:none;user-select:none;cursor:grab;background:repeating-conic-gradient(#f8f9fb 0% 25%,#e4e8ed 0% 50%) 50% /16px 16px;border:1px solid var(--ic-color-border-divider);border-radius:14px}.compare-viewport:active{cursor:grabbing}.compare-viewport:focus-visible,.compare-divider:focus-visible{outline:3px solid var(--ic-color-action-primary);outline-offset:3px}.compare-image{position:absolute;left:0;top:0;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;object-fit:fill;user-select:none}.compare-original-clip,.compare-result-clip{position:absolute;inset:0;pointer-events:none}.compare-divider{position:absolute;top:0;bottom:0;width:44px;min-height:44px;transform:translate(-50%);padding:0;background:transparent;cursor:ew-resize;touch-action:none;border-radius:0;z-index:3}.compare-divider:before{content:"";position:absolute;top:0;bottom:0;left:21px;width:2px;background:#fff;box-shadow:0 0 4px #29334380}.compare-divider>span{position:absolute;top:50%;left:0;display:grid;place-items:center;width:44px;height:44px;transform:translateY(-50%);border-radius:50%;background:#fff;color:var(--ic-color-text-primary);box-shadow:0 2px 9px #29334340;font-size:24px;letter-spacing:2px}.compare-labels{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.compare-labels span{font-size:11px;padding:5px 9px;border-radius:7px;background:#293343c7;color:#fff}.compare-message,.compare-pending{position:absolute;left:12px;right:12px;bottom:12px;margin:0;padding:10px 12px;border-radius:9px;background:#f4f6f9ed;color:var(--ic-color-text-secondary);font-size:11px;line-height:1.6;pointer-events:none}.compare-bottom-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.compare-boundary-control{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ic-color-text-secondary);flex:1;min-width:160px}.compare-boundary-control input{min-width:70px;flex:1}.compare-pan-controls{display:flex;gap:5px}.compare-hint{margin:10px 0 0;font-size:11px}.compare-quality{display:flex;flex-direction:column;gap:14px;min-width:0;padding-top:2px}.compare-quality>label{font-size:13px;font-weight:650}.compare-quality input[type=number]{width:100%;text-align:center;padding:9px;font-size:17px;min-height:44px}.compare-quality-slider{writing-mode:vertical-lr;direction:rtl;align-self:center;height:170px;min-height:170px;width:44px}.compare-quality .primary{font-size:12px;padding:12px 8px;width:100%;min-height:44px}.compare-quality .hint,.compare-quality .error-text{font-size:10px;margin:0;line-height:1.6}.compare-quality .primary:disabled{opacity:.55}@media(max-width:900px){.compare-layout{grid-template-columns:minmax(0,1fr)}.compare-quality{display:grid;grid-template-columns:1fr 80px;align-items:center;gap:10px 14px;border-top:1px solid var(--ic-color-border-divider);padding-top:16px}.compare-quality-slider{writing-mode:horizontal-tb;direction:ltr;width:100%;height:44px;min-height:44px;grid-column:1}.compare-quality>.hint,.compare-quality>.error-text{grid-column:1/-1}.compare-quality .primary{grid-column:2;grid-row:2}.compare-viewport{height:340px}}@media(max-width:480px){.compare-stats{font-size:11px;margin:12px 0}.compare-toolbar{gap:10px}.compare-toolbar .preview-name{flex-basis:100%;font-size:12px}.compare-zoom-controls{gap:5px}.compare-zoom-controls button{font-size:11px;padding:7px 9px}.compare-viewport{height:300px;border-radius:12px}.compare-bottom-controls{gap:8px}.compare-pan-controls{margin-left:auto}.compare-labels{left:8px;right:8px;top:8px}.compare-labels span{font-size:10px}.compare-boundary-control{flex-basis:100%}.compare-quality{grid-template-columns:1fr 90px}}.queue{margin-top:0}.queue.dragging{outline:3px solid var(--ic-color-blue-500);outline-offset:3px}.stack-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stack-actions .secondary{padding:8px 12px}.queue .dropzone{border-radius:14px;padding:22px 16px;margin-bottom:18px}.queue .upload-art{width:100px;height:86px;margin-bottom:12px}.queue .dropzone h2{font-size:21px}.queue .dropzone>p{font-size:12px;margin:10px auto 15px}.queue .dropzone .file-limits{font-size:10px;margin:14px auto 0}.queue .settings{position:static;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--ic-color-border-divider)}.queue .settings>.section-top{margin-bottom:16px}.queue .settings>summary{cursor:pointer;list-style:none;min-height:44px}.queue .settings>summary::-webkit-details-marker{display:none}.queue .settings:not([open])>summary{margin-bottom:0}.queue .settings[open]>summary>span{transform:rotate(180deg)}.queue .settings>summary:focus-visible{outline:3px solid var(--ic-color-blue-700);outline-offset:3px}.queue .settings fieldset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}.queue .settings fieldset>.hint,.queue .settings-divider,.queue .operation-toggles{grid-column:1/-1}.queue .compression-options{grid-column:1}.queue .quality-options{grid-column:2;min-width:0}.queue .quality-field{margin-top:0}.segmented-control{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--ic-color-surface-input);box-shadow:var(--ic-shadow-inset)}.segmented-control button{flex:1;padding:8px;font-size:11px;line-height:1.4;background:transparent;color:var(--ic-color-text-secondary);border-radius:9px;min-width:0}.segmented-control button[aria-pressed=true]{background:var(--ic-color-action-primary);color:#fff;box-shadow:var(--ic-shadow-primary)}.queue .settings-footer{margin-top:10px;padding-top:14px}.workspace-grid>.cloudtips-panel{margin:0;min-height:280px;padding-top:38px;position:sticky;top:20px}.preview>.section-top>.hint{margin:0 0 0 auto}@media(max-width:760px){.workspace-grid>.cloudtips-panel{position:relative;min-height:130px}}@media(max-width:480px){.stack-actions{gap:4px}.stack-actions .secondary{font-size:10px;padding:7px 8px}.queue>.section-top{flex-wrap:wrap}.queue .settings fieldset{grid-template-columns:minmax(0,1fr);gap:0}.queue .quality-options,.queue .compression-options{grid-column:1}.queue .quality-field{margin-top:4px}.queue .dropzone h2{font-size:19px}.row-actions{flex-wrap:wrap}.row-actions .secondary{font-size:11px;padding:8px 12px}}.file-settings{position:static;margin-top:20px;padding:16px 0 0;border-top:1px solid var(--ic-color-border-divider)}.file-settings summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--ic-color-blue-700);font-size:12px}.file-settings summary:before{content:"＋";margin-right:8px}.file-settings[open] summary:before{content:"−"}.file-settings summary:focus-visible{outline:3px solid var(--ic-color-blue-700);outline-offset:3px}.file-settings>fieldset{display:block}.file-settings .quality-options{display:none}.settings{container-type:inline-size}.encoding-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;grid-column:1/-1;align-items:start}.encoding-settings .compression-options{display:contents}.encoding-settings .mode-field{grid-column:1}.encoding-settings .field{margin:0}.encoding-settings .field>span:first-child{min-height:28px;display:flex;align-items:center}.queue .encoding-settings .quality-options{grid-column:2}.encoding-settings .quality-field{margin:0}.encoding-settings .quality-field .range-labels{display:none}.encoding-settings.with-target{grid-template-columns:minmax(190px,1.35fr) minmax(105px,.65fr) minmax(115px,.9fr) minmax(130px,1fr)}.encoding-settings .target-field{grid-column:2}.encoding-settings .downscale-field{grid-column:3;margin:37px 0 0;min-height:44px;align-items:center;font-size:11px}.queue .encoding-settings.with-target .quality-options{grid-column:4}@container (max-width:600px){.encoding-settings.with-target{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.encoding-settings .downscale-field{grid-column:1;margin:0}.queue .encoding-settings.with-target .quality-options{grid-column:2}.encoding-settings .downscale-field{align-self:center}}@container (max-width:360px){.encoding-settings,.encoding-settings.with-target{grid-template-columns:minmax(0,1fr)}.encoding-settings .mode-field,.encoding-settings .target-field,.encoding-settings .downscale-field,.queue .encoding-settings .quality-options,.queue .encoding-settings.with-target .quality-options{grid-column:1}}.brand{flex-direction:column;align-items:flex-start;gap:9px;letter-spacing:0}.brand img{display:block;width:172px;max-width:100%;height:auto}.brand-product{font-size:13px;font-weight:550;letter-spacing:.5px;color:var(--ic-color-text-secondary)}.page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:start;margin:0 0 28px}.heading-copy{display:contents}.page-heading h1{grid-column:1;grid-row:1;margin:0;max-width:none}.page-heading p{grid-column:1/-1;margin:0}.page-heading .header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;gap:10px;margin:0}.sidebar>.local-badge{width:fit-content;align-self:flex-start;margin-top:16px;max-width:100%;font-size:10px;padding:8px 10px;white-space:normal;line-height:1.4}footer>.project-credit{white-space:normal}@media(max-width:480px){.brand img{width:154px}.brand-product{font-size:12px}.page-heading{gap:10px 12px;margin:0 0 24px}.page-heading h1{font-size:clamp(21px,6vw,24px);line-height:1.2;letter-spacing:-.65px}.sidebar>.local-badge{display:inline-flex;margin-top:12px;font-size:9px;padding:6px 9px}.page-heading .language select{min-height:36px;height:36px}}@media(max-width:1023px){.sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.sidebar>.brand{grid-column:1;grid-row:1;min-width:0}.sidebar>nav{grid-column:1/-1;grid-row:2}.sidebar>.local-badge{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin-top:0;max-width:180px}}@media(max-width:480px){.sidebar>.local-badge{max-width:108px}}.queue .settings .convert-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;align-items:start}.queue .settings .convert-settings.with-jpeg-background{grid-template-columns:minmax(100px,1fr) minmax(82px,.65fr) minmax(130px,1.3fr)}.queue .settings .convert-settings>.format-field{grid-column:1;grid-row:1}.queue .settings .convert-settings>.color-field{grid-column:2;grid-row:1;display:block}.queue .settings .convert-settings>.field{margin:0}.queue .settings .convert-settings>.field>span:first-child{min-height:28px;display:flex;align-items:center;margin:0 0 9px}.queue .settings .convert-settings .field>input,.queue .settings .convert-settings .field>select{display:block}.queue .settings .convert-settings>.encoding-settings{grid-column:2;grid-row:1;display:block}.queue .settings .convert-settings.with-jpeg-background>.encoding-settings{grid-column:3}.queue .settings .convert-settings>.hint{margin:10px 0 0}@container (max-width:360px){.queue .settings .convert-settings,.queue .settings .convert-settings.with-jpeg-background{grid-template-columns:minmax(0,1fr);row-gap:12px}.queue .settings .convert-settings>.format-field,.queue .settings .convert-settings>.color-field,.queue .settings .convert-settings>.encoding-settings,.queue .settings .convert-settings.with-jpeg-background>.encoding-settings{grid-column:1;grid-row:auto}}.queue .settings .resize-settings{grid-template-columns:minmax(160px,1.5fr) minmax(80px,.8fr) minmax(80px,.85fr) minmax(105px,1fr);gap:0 10px;align-items:start}.queue .settings .resize-settings.resize-fit{grid-template-columns:minmax(120px,1.2fr) minmax(146px,1.3fr) minmax(80px,.85fr) minmax(105px,1fr)}.queue .settings .resize-settings>.hint{grid-row:1;margin:0 0 12px}.queue .settings .resize-settings>.settings-divider{display:none}.queue .settings .resize-settings>.resize-mode-field{grid-column:1;grid-row:2}.queue .settings .resize-settings>.dimension-fields{grid-column:2;grid-row:2;gap:6px}.queue .settings .resize-settings>.resize-enlarge-field{grid-column:3;grid-row:2;margin:49px 0 0;min-height:44px;font-size:10px;line-height:1.4;gap:6px}.queue .settings .resize-settings>.encoding-settings{grid-column:4;grid-row:2;display:block}.queue .settings .resize-settings .field{margin:0}.queue .settings .resize-settings .field>span:first-child{min-height:40px;display:flex;align-items:center;margin:0 0 9px}.queue .settings .resize-settings .field>input,.queue .settings .resize-settings .field>select{display:block}.queue .settings .resize-settings input[type=number],.queue .settings .resize-settings select{font-size:12px;padding:8px}@container (max-width:480px){.queue .settings .resize-settings,.queue .settings .resize-settings.resize-fit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:12px}.queue .settings .resize-settings>.resize-enlarge-field{grid-column:1;grid-row:3;margin:0;align-self:center}.queue .settings .resize-settings>.encoding-settings{grid-column:2;grid-row:3}}@container (max-width:360px){.queue .settings .resize-settings,.queue .settings .resize-settings.resize-fit{grid-template-columns:minmax(0,1fr)}.queue .settings .resize-settings>.dimension-fields{grid-column:1;grid-row:3}.queue .settings .resize-settings>.resize-enlarge-field{grid-column:1;grid-row:4}.queue .settings .resize-settings>.encoding-settings{grid-column:1;grid-row:5}}.cloudtips-link{display:block;width:100%;height:340px;border-radius:12px;overflow:hidden}.cloudtips-link img{display:block;width:100%;height:100%;object-fit:contain}.cloudtips-link:focus-visible{outline:3px solid var(--ic-color-brand-primary,#456eae);outline-offset:4px}.compare-stats{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.compare-original-stat{grid-column:1;min-width:0}.compare-result-stat{grid-column:3;text-align:right;min-width:0}.file-result{flex-direction:row;align-items:center;gap:12px}.file-result-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}@media(prefers-reduced-motion:no-preference){.primary,.secondary,.icon-button,.text-button,nav a,.segmented-control button{transition:transform .18s ease-out,background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out,opacity .18s ease-out}input[type=number],input[type=color],select{transition:border-color .18s ease-out,box-shadow .18s ease-out}.file-row{transition:background-color .2s ease-out,transform .2s ease-out}.queue{background-image:var(--ic-gradient-upload);background-size:120% 120%;background-position:0% 0%;transition:background-position .45s ease-out}.dropzone{transition:background-position .45s ease-out,outline-color .2s ease-out;background-size:120% 120%;background-position:0% 0%}.photo-back,.photo-front,.art-spark,.queue .settings>summary>span,.cloudtips-link{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.preview,.notice,details[open]>fieldset{animation:soft-appear .22s ease-out}@keyframes soft-appear{0%{opacity:0}to{opacity:1}}@media(hover:hover)and (pointer:fine){.queue:hover{background-position:100% 100%}.dropzone:hover{background-position:100% 100%;outline-color:var(--ic-color-blue-500)}.queue:hover .photo-back{transform:translate(-6px,-3px) rotate(-20deg)}.queue:hover .photo-front{transform:translate(6px,-2px) rotate(12deg)}.queue:hover .art-spark{transform:translate(3px,-4px) rotate(12deg)}.primary:hover:enabled,.secondary:hover:enabled{transform:translateY(-2px)}.primary:active:enabled,.secondary:active:enabled{transform:translateY(0)}.icon-button:hover:enabled{transform:translateY(-1px)}nav a:hover{transform:translate(2px)}.file-row:hover{transform:translateY(-1px);background-color:var(--ic-color-surface-hover)}.file-row.selected:hover{background-color:var(--ic-color-surface-selected)}.cloudtips-link:hover{transform:translateY(-2px)}}}