:root{--ui-color-accent:#2457dc;--ui-color-accent-hover:#1946bd;--ui-color-add-page-border:#ccd5e4;--ui-color-add-page-hover-border:#91abe8;--ui-color-add-page-hover-surface:#f0f4ff;--ui-color-add-page-text:#647897;--ui-color-background:#f5f6f8;--ui-color-button-border:#d7deea;--ui-color-button-hover-border:#bdc9dc;--ui-color-button-hover-surface:#f1f4f9;--ui-color-button-secondary-text:#44536a;--ui-color-count-text:var(--ui-color-muted);--ui-color-danger:#bc3b35;--ui-color-danger-hover:#a52e29;--ui-color-danger-surface:#fff0ef;--ui-color-edit-label-border:#dce2ed;--ui-color-edit-label-text:#334663;--ui-color-error-surface:#fff7eb;--ui-color-error-text:#8e5919;--ui-color-export-icon:#677d9e;--ui-color-export-icon-border:#dce3ef;--ui-color-export-surface:#fbfcfe;--ui-color-field-border:#d5ddea;--ui-color-field-label:#45536a;--ui-color-field-text:#3e4b62;--ui-color-filename-extension:var(--ui-color-muted);--ui-color-filename-text:var(--ui-color-muted);--ui-color-floating-surface:#fffffff5;--ui-color-focus:#648aff;--ui-color-icon-hover-surface:#eaf0fb;--ui-color-icon-text:var(--ui-color-muted);--ui-color-line:#e1e5ec;--ui-color-muted:#657084;--ui-color-navigation-text:var(--ui-color-muted);--ui-color-on-accent:#fff;--ui-color-page-border:#dbe1eb;--ui-color-page-hover-border:#a6bbeb;--ui-color-page-limit-text:var(--ui-color-muted);--ui-color-page-preview-surface:#edf0f5;--ui-color-page-review-border:#ddac62;--ui-color-page-success:#268064;--ui-color-page-tools-border:#e9edf3;--ui-color-page-warning:#8e5919;--ui-color-panel-border:#dce1e9;--ui-color-privacy-badge-text:var(--ui-color-muted);--ui-color-privacy-status:#228260;--ui-color-selected-surface:#edf2ff;--ui-color-soft:#f6f8fb;--ui-color-steps-border:#d9dfe9;--ui-color-steps-text:var(--ui-color-muted);--ui-color-subtle-separator:#a2aab7;--ui-color-subtle-surface:#eef1f6;--ui-color-success:#237958;--ui-color-surface:#fff;--ui-color-text:#202838;--ui-color-upload-border:#cbd4e4;--ui-color-upload-help-text:var(--ui-color-muted);--ui-color-upload-surface:#fafbfe;--ui-control-button-font-size:var(--ui-font-size-control);--ui-control-button-height:44px;--ui-control-button-padding-block:11px;--ui-control-button-padding-inline:18px;--ui-control-button-radius:var(--ui-radius-control);--ui-control-compact-button-font-size:var(--ui-control-button-font-size);--ui-control-compact-button-height:40px;--ui-control-field-font-size:var(--ui-font-size-body);--ui-control-field-height:40px;--ui-control-field-radius:var(--ui-radius-small-control);--ui-control-icon-button-height:36px;--ui-control-icon-button-radius:var(--ui-radius-small-control);--ui-control-icon-button-width:36px;--ui-control-mobile-field-font-size:var(--ui-font-size-section);--ui-control-mobile-field-height:44px;--ui-control-mobile-primary-height:44px;--ui-control-picker-icon-size:16px;--ui-control-picker-language-min-width:160px;--ui-control-picker-max-height:320px;--ui-control-picker-option-height:44px;--ui-control-text-button-font-size:var(--ui-control-button-font-size);--ui-control-text-button-height:40px;--ui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-size-body:14px;--ui-font-size-caption:12px;--ui-font-size-control:var(--ui-font-size-body);--ui-font-size-page:28px;--ui-font-size-page-mobile:24px;--ui-font-size-section:16px;--ui-font-weight-regular:400;--ui-font-weight-semibold:600;--ui-line-height-body:1.6;--ui-line-height-caption:1.55;--ui-line-height-control:1.3;--ui-line-height-heading:1.2;--ui-radius-badge:4px;--ui-radius-card:7px;--ui-radius-circle:50%;--ui-radius-control:6px;--ui-radius-panel:10px;--ui-radius-small-control:var(--ui-radius-control);--ui-radius-upload-icon:12px;--ui-shadow-dialog:0 20px 80px #14244240;--ui-shadow-edit-hover:0 1px 3px #26375416;--ui-shadow-page-image-img:0 2px 6px #25334c21;--ui-shadow-picker:0 8px 24px #18243c24, 0 2px 6px #18243c0f;--ui-shadow-scanner:0 2px 4px #18243c04;--ui-space-lg:16px;--ui-space-md:12px;--ui-space-sm:8px;--ui-space-xl:24px;--ui-space-xs:4px;--ui-space-xxl:32px;font-family:var(--ui-font-family);color:var(--ui-color-text);background:var(--ui-color-background);font-synthesis:none}*{box-sizing:border-box}body{font-size:var(--ui-font-size-body);margin:0}button,input,select{font:inherit;color:inherit}select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:hover{color:var(--ui-color-accent)}button svg,a svg{flex-shrink:0}:where(button,a,input,select,summary):focus-visible{outline:3px solid var(--ui-color-focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:var(--ui-font-weight-semibold)}p{line-height:var(--ui-line-height-body)}fieldset{border:0;min-width:0;margin:0;padding:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{padding:var(--ui-space-md);background:var(--ui-color-surface);z-index:400;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.muted{color:var(--ui-color-muted)}.helper-text{font-size:var(--ui-font-size-body);line-height:var(--ui-line-height-body);margin:var(--ui-space-md) 0 0}strong,b{font-weight:var(--ui-font-weight-semibold)}.tiny{font-size:var(--ui-font-size-caption);line-height:var(--ui-line-height-caption)}.site-header{background:var(--ui-color-surface);border-bottom:1px solid var(--ui-color-line)}.header-inner{max-width:1280px;min-height:72px;padding:0 var(--ui-space-xxl);justify-content:space-between;align-items:center;gap:var(--ui-space-xl);margin:auto;display:flex}.brand{font-size:var(--ui-font-size-section);font-weight:var(--ui-font-weight-semibold);letter-spacing:-.35px;white-space:nowrap;align-items:center;gap:10px;display:flex}.brand img{display:block}.site-header nav{font-size:var(--ui-font-size-control);color:var(--ui-color-navigation-text);align-items:center;gap:26px;display:flex}.language-wrap{border-left:1px solid var(--ui-color-line);padding-left:20px}.language-wrap select{width:auto;min-height:44px;font-size:var(--ui-font-size-control);padding:var(--ui-space-sm) 0;background:0 0;border:0}.language-wrap .language-select{text-overflow:ellipsis;width:188px;min-width:0;max-width:188px}.language-error{padding:var(--ui-space-lg);color:var(--ui-color-error-text);background:var(--ui-color-error-surface);font-size:var(--ui-font-size-body)}.main-wrap{max-width:1280px;padding:34px var(--ui-space-xxl) 0;margin:auto}.workspace-heading{justify-content:space-between;align-items:center;gap:var(--ui-space-xl);margin-bottom:25px;display:flex}.workspace-heading h1{font-size:var(--ui-font-size-page);line-height:var(--ui-line-height-heading);letter-spacing:-.8px;margin-bottom:9px}.workspace-heading p{color:var(--ui-color-muted);font-size:var(--ui-font-size-body);margin-bottom:0}.privacy-badge{align-items:center;gap:var(--ui-space-sm);font-size:var(--ui-font-size-body);white-space:nowrap;color:var(--ui-color-privacy-badge-text);display:flex}.status-dot{border-radius:var(--ui-radius-circle);background:var(--ui-color-privacy-status);width:6px;height:6px}.badge-separator{color:var(--ui-color-subtle-separator);margin:0 3px}.scanner{background:var(--ui-color-surface);border:1px solid var(--ui-color-panel-border);border-radius:var(--ui-radius-panel);box-shadow:var(--ui-shadow-scanner);scroll-margin-top:20px}.scanner-top{border-bottom:1px solid var(--ui-color-line);padding:var(--ui-space-lg) var(--ui-space-xl);justify-content:space-between;align-items:center;gap:15px;display:flex}.workflow-steps{align-items:center;gap:var(--ui-space-xxl);font-size:var(--ui-font-size-body);color:var(--ui-color-steps-text);margin:0;padding:0;list-style:none;display:flex}.workflow-steps li{align-items:center;gap:var(--ui-space-sm);display:flex}.workflow-steps li>span{border:1px solid var(--ui-color-steps-border);border-radius:var(--ui-radius-circle);width:22px;height:22px;font-size:var(--ui-font-size-caption);font-weight:var(--ui-font-weight-semibold);place-items:center;display:inline-grid}.workflow-steps li.current{color:var(--ui-color-accent);font-weight:var(--ui-font-weight-semibold)}.workflow-steps li.current>span{border-color:var(--ui-color-accent);background:var(--ui-color-accent);color:var(--ui-color-on-accent)}.page-limit{color:var(--ui-color-page-limit-text);font-size:var(--ui-font-size-body);font-variant-numeric:tabular-nums}.workspace{grid-template-columns:minmax(0,1fr) 304px;min-height:510px;display:grid}.workspace.empty-workspace{grid-template-columns:1fr;min-height:0}.pages-panel{padding:var(--ui-space-xl);min-width:0}.panel-heading{justify-content:space-between;align-items:center;gap:var(--ui-space-lg);margin-bottom:22px;display:flex}.panel-heading h2{font-size:var(--ui-font-size-section);letter-spacing:-.2px;margin-bottom:0}.count{background:var(--ui-color-subtle-surface);min-width:23px;height:21px;color:var(--ui-color-count-text);border-radius:var(--ui-radius-badge);font-size:var(--ui-font-size-caption);font-weight:var(--ui-font-weight-semibold);vertical-align:1px;place-items:center;margin-left:5px;padding:0 5px;display:inline-grid}.panel-actions{gap:var(--ui-space-sm);flex-shrink:0;display:flex}.button{justify-content:center;align-items:center;gap:var(--ui-space-sm);min-height:var(--ui-control-button-height);padding:var(--ui-control-button-padding-block) var(--ui-control-button-padding-inline);border-radius:var(--ui-control-button-radius);font-size:var(--ui-control-button-font-size);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-control);white-space:nowrap;border:1px solid #0000;transition:background .12s;display:inline-flex}.button.primary{color:var(--ui-color-on-accent);background:var(--ui-color-accent);border-color:var(--ui-color-accent)}.button.primary:hover:enabled{background:var(--ui-color-accent-hover)}.button.danger{background:var(--ui-color-danger);border-color:var(--ui-color-danger);color:var(--ui-color-on-accent)}.button.danger:hover:enabled{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}.button.secondary{background:var(--ui-color-surface);border-color:var(--ui-color-button-border);color:var(--ui-color-button-secondary-text)}.button.secondary:hover:enabled{background:var(--ui-color-button-hover-surface);border-color:var(--ui-color-button-hover-border)}.button.compact{padding:9px var(--ui-space-md);min-height:var(--ui-control-compact-button-height);font-size:var(--ui-control-compact-button-font-size)}.text-button{color:var(--ui-color-accent);font-size:var(--ui-control-text-button-font-size);font-weight:var(--ui-font-weight-semibold);padding:var(--ui-space-sm) 0;min-height:var(--ui-control-text-button-height);background:0 0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.text-button:hover:enabled{text-decoration:underline}.full-width{width:100%;margin-bottom:10px}.mobile-export{display:none}.drop-zone{border:1.5px dashed var(--ui-color-upload-border);background:var(--ui-color-upload-surface);border-radius:var(--ui-radius-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px 20px;display:flex}.upload-icon{background:var(--ui-color-selected-surface);width:56px;height:56px;color:var(--ui-color-accent);border-radius:var(--ui-radius-upload-icon);place-items:center;margin-bottom:18px;display:grid}.drop-zone h2{font-size:var(--ui-font-size-section);letter-spacing:-.4px;margin-bottom:var(--ui-space-xl)}.drop-zone .button{min-width:170px}.drop-zone .upload-limits{color:var(--ui-color-upload-help-text);font-size:var(--ui-font-size-body);margin:18px 0 0}.sample{font-size:var(--ui-font-size-body);color:var(--ui-color-muted);margin-top:var(--ui-space-md);justify-content:center;align-items:center;gap:7px;display:flex}.page-grid{gap:var(--ui-space-lg);grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-items:start;display:grid}.page-card{background:var(--ui-color-surface);border:1px solid var(--ui-color-page-border);border-radius:var(--ui-radius-card);min-width:0;transition:border-color .12s;overflow:hidden}.page-card:hover{border-color:var(--ui-color-page-hover-border)}.page-card.needs-check{border-color:var(--ui-color-page-review-border)}.page-image{background:var(--ui-color-page-preview-surface);justify-content:center;align-items:center;width:100%;height:205px;padding:18px;display:flex;position:relative;overflow:hidden}.page-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--ui-shadow-page-image-img);display:block}.edit-hover{border:1px solid var(--ui-color-edit-label-border);background:var(--ui-color-floating-surface);border-radius:var(--ui-radius-small-control);box-shadow:var(--ui-shadow-edit-hover);font-size:var(--ui-font-size-body);color:var(--ui-color-edit-label-text);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:6px 10px;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.page-meta{justify-content:space-between;align-items:center;gap:var(--ui-space-xs) var(--ui-space-sm);padding:var(--ui-space-md);flex-wrap:wrap;display:flex}.page-number{font-size:var(--ui-font-size-body);font-weight:var(--ui-font-weight-semibold)}.page-state{color:var(--ui-color-page-success);font-size:var(--ui-font-size-body);align-items:center;gap:3px;display:flex}.page-state.warning{color:var(--ui-color-page-warning)}.page-filename{font-size:var(--ui-font-size-caption);white-space:nowrap;text-overflow:ellipsis;color:var(--ui-color-filename-text);margin:-4px var(--ui-space-md) 10px;overflow:hidden}.page-actions{border-top:1px solid var(--ui-color-page-tools-border);align-items:center;gap:0;padding:2px;display:flex}.page-actions>span{flex:1}.icon-button{min-width:var(--ui-control-icon-button-width);min-height:var(--ui-control-icon-button-height);color:var(--ui-color-icon-text);border-radius:var(--ui-control-icon-button-radius);background:0 0;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover:enabled{background:var(--ui-color-icon-hover-surface);color:var(--ui-color-accent)}.icon-button.danger:hover:enabled{background:var(--ui-color-danger-surface);color:var(--ui-color-danger)}.add-card{justify-content:center;align-items:center;gap:var(--ui-space-md);background:var(--ui-color-upload-surface);border:1px dashed var(--ui-color-add-page-border);border-radius:var(--ui-radius-card);min-height:317px;font-size:var(--ui-font-size-body);color:var(--ui-color-add-page-text);flex-direction:column;display:flex}.add-card:hover:enabled{background:var(--ui-color-add-page-hover-surface);color:var(--ui-color-accent);border-color:var(--ui-color-add-page-hover-border)}.export-panel{border-left:1px solid var(--ui-color-line);background:var(--ui-color-export-surface);border-radius:0 var(--ui-radius-panel) var(--ui-radius-panel) 0;padding:25px 23px}.export-heading{margin-bottom:var(--ui-space-xl);align-items:center;gap:10px;display:flex}.export-icon{width:38px;height:42px;color:var(--ui-color-export-icon);border:1px solid var(--ui-color-export-icon-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);place-items:center;display:grid}.export-panel h2{font-size:var(--ui-font-size-section);letter-spacing:-.2px;margin-bottom:var(--ui-space-xs)}.field-label{font-size:var(--ui-font-size-body);font-weight:var(--ui-font-weight-regular);color:var(--ui-color-field-label);margin:18px 0 7px;display:block}.export-panel fieldset>.field-label:first-child{margin-top:0}.filename-field{border:1px solid var(--ui-color-field-border);border-radius:var(--ui-control-field-radius);background:var(--ui-color-surface);align-items:center;min-width:0;display:flex}.filename-field:focus-within{outline:2px solid var(--ui-color-focus);outline-offset:1px}.filename-field input{width:100%;min-width:0;font-size:var(--ui-control-field-font-size);background:0 0;border:0;outline:none;padding:11px 10px}.filename-field>span{font-size:var(--ui-font-size-body);color:var(--ui-color-filename-extension);padding-right:11px}select{width:100%;min-height:var(--ui-control-field-height);border:1px solid var(--ui-color-field-border);border-radius:var(--ui-control-field-radius);background:var(--ui-color-surface);color:var(--ui-color-field-text);font-size:var(--ui-control-field-font-size);padding:9px 10px}@supports (appearance:base-select) and selector(select::picker(select)){select.custom-select,select.custom-select::picker(select){appearance:base-select}select.custom-select{justify-content:space-between;align-items:center;gap:var(--ui-space-sm);cursor:pointer;display:inline-flex}select.custom-select:hover:enabled,select.custom-select:open{border-color:var(--ui-color-button-hover-border)}select.custom-select:disabled{cursor:not-allowed}select.custom-select::picker-icon{content:"";width:var(--ui-control-picker-icon-size);height:var(--ui-control-picker-icon-size);color:var(--ui-color-muted);background-color:currentColor;flex-shrink:0;margin-inline-start:auto;mask:url(/icons/lucide-chevron-down.svg) 50%/contain no-repeat}select.custom-select:open::picker-icon{rotate:180deg}select.custom-select::picker(select){box-sizing:border-box;position-area:block-end span-inline-end;position-try-order:normal;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;min-inline-size:anchor-size(self-inline);max-inline-size:calc(100dvw - var(--ui-space-xxl));max-block-size:min(var(--ui-control-picker-max-height), 60dvh);margin-block:var(--ui-space-xs);padding:var(--ui-space-xs);border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-panel);background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-picker);font:inherit;overflow:auto}select.custom-select option{align-items:center;gap:var(--ui-space-md);min-height:var(--ui-control-picker-option-height);padding:var(--ui-space-sm) var(--ui-space-md);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-text);font:inherit;line-height:var(--ui-line-height-control);cursor:pointer;border:0;display:flex}select.custom-select option:checked{background:var(--ui-color-soft);font-weight:var(--ui-font-weight-semibold)}select.custom-select option:hover,select.custom-select option:focus{background:var(--ui-color-button-hover-surface)}select.custom-select option:focus-visible{outline:2px solid var(--ui-color-focus);outline-offset:-2px}select.custom-select option::checkmark{content:"";width:var(--ui-control-picker-icon-size);height:var(--ui-control-picker-icon-size);color:var(--ui-color-accent);background-color:currentColor;flex-shrink:0;order:1;margin-inline-start:auto;mask:url(/icons/lucide-check.svg) 50%/contain no-repeat}.language-wrap select.custom-select{padding:var(--ui-space-sm);border-radius:var(--ui-control-field-radius);border:1px solid #0000}.language-wrap select.custom-select:hover,.language-wrap select.custom-select:open{background:var(--ui-color-button-hover-surface)}.language-wrap select.custom-select::picker(select){min-inline-size:var(--ui-control-picker-language-min-width)}}.main-wrap{min-height:calc(100vh - 180px);padding-bottom:48px}h1{font-size:var(--ui-font-size-page);line-height:var(--ui-line-height-heading);letter-spacing:-.6px}h2{font-size:var(--ui-font-size-section)}.page-heading{margin:8px 0 28px}.page-heading p{margin-bottom:0}.tool-grid{gap:var(--ui-space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-card{justify-content:space-between;align-items:center;gap:var(--ui-space-lg);background:var(--ui-color-surface);border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-panel);padding:28px 24px;display:flex}.tool-card h2{margin:0;line-height:1.5}.tool-card:hover{border-color:var(--ui-color-accent)}.panel{background:var(--ui-color-surface);border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-panel);padding:var(--ui-space-xl)}.empty{place-items:center;min-height:200px;display:grid}.showcase{gap:var(--ui-space-xl);display:grid}.field{gap:var(--ui-space-sm);min-width:0;display:grid}.field label{font-size:var(--ui-font-size-body)}input{width:100%;min-width:0;min-height:var(--ui-control-field-height);border:1px solid var(--ui-color-field-border);border-radius:var(--ui-control-field-radius);background:var(--ui-color-surface);padding:9px 10px}.actions{gap:var(--ui-space-md);flex-wrap:wrap;align-items:center;display:flex}.actions .button{white-space:normal}.result-panel{border-top:1px solid var(--ui-color-line);padding-top:var(--ui-space-xl)}.result-panel h2{color:var(--ui-color-success)}.error{color:var(--ui-color-error-text);background:var(--ui-color-error-surface);padding:var(--ui-space-md);border-radius:var(--ui-radius-control);overflow-wrap:anywhere}.prose{max-width:740px;padding-bottom:40px}.prose p{font-size:var(--ui-font-size-section);line-height:1.75}.prose h2{margin-top:var(--ui-space-xxl)}.site-footer{gap:var(--ui-space-xl);max-width:1280px;color:var(--ui-color-muted);border-top:1px solid var(--ui-color-line);justify-content:space-between;margin:auto;padding:24px 32px;display:flex}.site-footer div{gap:var(--ui-space-xl);flex-wrap:wrap;display:flex}.confirm-dialog{border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-panel);max-width:min(440px,100vw - 32px);padding:var(--ui-space-xl);box-shadow:var(--ui-shadow-dialog)}.confirm-dialog::backdrop{background:#1118}.confirm-buttons{justify-content:flex-end;gap:var(--ui-space-md);display:flex}@media (width<=680px){.header-inner{flex-wrap:wrap;gap:8px;padding:12px 16px}.site-header nav{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:12px}.language-wrap{padding-left:8px}.language-wrap .language-select{width:145px;max-width:145px}.main-wrap{padding:24px 16px 32px}h1{font-size:var(--ui-font-size-page-mobile)}.tool-grid{grid-template-columns:1fr}input,select{font-size:var(--ui-control-mobile-field-font-size);min-height:var(--ui-control-mobile-field-height)}.button{min-height:var(--ui-control-mobile-primary-height)}.site-footer{flex-direction:column;padding:20px 16px}.panel{padding:var(--ui-space-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.image-tabs{gap:var(--ui-space-xs);margin-bottom:var(--ui-space-xl);padding-bottom:var(--ui-space-sm);display:flex;overflow-x:auto}.image-tabs button{min-height:44px;padding:var(--ui-space-sm) var(--ui-space-lg);border-radius:var(--ui-radius-control);color:var(--ui-color-muted);background:0 0;flex-shrink:0}.image-tabs button.active{background:var(--ui-color-selected-surface);color:var(--ui-color-accent);font-weight:var(--ui-font-weight-semibold)}.image-tabs button:hover:enabled{background:var(--ui-color-button-hover-surface)}.image-empty .drop-zone{min-height:350px}.image-empty .drop-zone p:last-child,.image-empty .sample{margin-bottom:0}.image-workspace{padding:0;overflow:hidden}.image-workspace-bar{justify-content:space-between;gap:var(--ui-space-lg);padding:var(--ui-space-lg) var(--ui-space-xl);border-bottom:1px solid var(--ui-color-line);align-items:center;display:flex}.image-workspace-bar h2{align-items:center;gap:var(--ui-space-sm);margin:0;display:flex}.image-columns{grid-template-columns:minmax(0,1fr) 300px;display:grid}.image-main{padding:var(--ui-space-xl);min-width:0}.image-settings{padding:var(--ui-space-xl);background:var(--ui-color-export-surface);border-left:1px solid var(--ui-color-line);min-width:0}.image-settings fieldset{gap:var(--ui-space-lg);margin-bottom:var(--ui-space-xl);display:grid}.image-settings>.button{white-space:normal;width:100%}.image-settings h2{margin-bottom:var(--ui-space-xl)}.image-files{gap:var(--ui-space-sm);max-height:190px;margin-bottom:var(--ui-space-xl);flex-wrap:wrap;display:flex;overflow:auto}.image-file{border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-control);min-width:0;max-width:100%;display:flex}.image-file.selected{border-color:var(--ui-color-accent);background:var(--ui-color-selected-surface)}.image-file-select{text-align:left;align-items:center;gap:var(--ui-space-sm);padding:var(--ui-space-sm);background:0 0;min-width:0;display:flex}.image-file-select>span{min-width:0;display:grid}.image-file-select>svg{color:var(--ui-color-success)}.image-file-select img{object-fit:contain;background:var(--ui-color-page-preview-surface);border-radius:var(--ui-radius-badge);width:40px;height:40px}.image-name{overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block}.image-file .image-name{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.image-remove{min-width:44px;min-height:44px;color:var(--ui-color-muted);background:0 0;place-items:center;display:grid}.image-remove:hover:enabled{color:var(--ui-color-danger)}.preview-bar{justify-content:space-between;align-items:center;gap:var(--ui-space-md);margin-bottom:var(--ui-space-md);display:flex}.preview-bar>.image-name{min-width:0}.image-toggle{border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-control);flex-shrink:0;display:flex;overflow:hidden}.image-toggle button{background:var(--ui-color-surface);padding:var(--ui-space-sm) var(--ui-space-md);min-height:40px}.image-toggle button[aria-pressed=true]{color:var(--ui-color-accent);background:var(--ui-color-selected-surface)}.image-preview{min-height:320px;padding:var(--ui-space-lg);background:repeating-conic-gradient(var(--ui-color-surface) 0% 25%,var(--ui-color-page-preview-surface) 0% 50%) 0/20px 20px;border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-card);justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview>img{object-fit:contain;max-width:100%;max-height:420px;display:block}.crop-surface{touch-action:none;cursor:crosshair;background:0 0;max-width:100%;padding:0;line-height:0;display:block;position:relative}.crop-surface>img{pointer-events:none;max-width:100%;max-height:420px;display:block}.crop-box{border:2px solid var(--ui-color-accent);pointer-events:none;background:#2457dc15;position:absolute;box-shadow:0 0 0 100vmax #0003}.image-field-pair{gap:var(--ui-space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.image-check{align-items:flex-start;gap:var(--ui-space-sm);line-height:1.5;display:flex}.image-check input{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--ui-color-accent);margin:2px 0 0}.image-settings input[type=color]{padding:var(--ui-space-xs);cursor:pointer}.image-settings input[type=file]{max-width:100%;padding:var(--ui-space-sm)}.image-settings .helper-text{margin:0}.image-workspace .result-panel{padding:var(--ui-space-xl)}.image-result-actions{gap:var(--ui-space-lg);margin-bottom:var(--ui-space-lg);justify-content:space-between;align-items:end;display:flex}.image-result-actions .field{flex:1;max-width:320px}.image-result-list{margin:0;padding:0;list-style:none}.image-result-list li{justify-content:space-between;gap:var(--ui-space-lg);padding:var(--ui-space-lg) 0;border-top:1px solid var(--ui-color-line);align-items:center;display:flex}.image-result-list li>div{gap:var(--ui-space-xs);min-width:0;display:grid}.image-result-list .error{margin:0}.image-download{white-space:normal;flex-shrink:0}.image-local{margin:var(--ui-space-lg) 0 0;line-height:var(--ui-line-height-body)}.image-progress{justify-content:space-between;align-items:center;gap:var(--ui-space-lg);padding:var(--ui-space-md) var(--ui-space-lg);margin-bottom:var(--ui-space-lg);background:var(--ui-color-selected-surface);border-radius:var(--ui-radius-control);display:flex}.image-status{color:var(--ui-color-muted)}.error p:last-child{margin-bottom:0}.confirm-buttons{flex-wrap:wrap}.confirm-buttons .button{white-space:normal}@media (width<=820px){.image-columns{grid-template-columns:1fr}.image-settings{border-left:0;border-top:1px solid var(--ui-color-line)}.image-settings fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.image-settings fieldset>.image-field-pair,.image-settings fieldset>.image-check,.image-settings fieldset>.helper-text{grid-column:1/-1}}@media (width<=680px){.image-empty .drop-zone{min-height:300px;padding:var(--ui-space-xl) var(--ui-space-lg)}.image-workspace-bar{padding:var(--ui-space-lg);flex-direction:column;align-items:flex-start}.image-main,.image-settings,.image-workspace .result-panel{padding:var(--ui-space-lg)}.image-settings fieldset{grid-template-columns:1fr}.image-preview{min-height:220px;padding:var(--ui-space-sm)}.image-preview>img,.crop-surface>img{max-height:320px}.image-tabs button{padding:var(--ui-space-sm) var(--ui-space-md)}.image-result-actions,.image-result-list li{flex-direction:column;align-items:stretch}.image-result-actions .field{max-width:none}.image-file{width:100%}.image-file-select{flex:1}.image-file .image-name{max-width:none}.image-file-select>span{flex:1}.preview-bar{flex-wrap:wrap}.image-toggle button{min-height:44px}.image-empty .drop-zone .upload-limits{margin-top:var(--ui-space-lg)}.image-empty .drop-zone .muted{margin-top:var(--ui-space-sm)}}