: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}}.gif-app.svelte-1fg37ex{gap:var(--ui-space-xl);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.gif-app.svelte-1fg37ex>section:where(.svelte-1fg37ex){min-width:0}.gif-intro.svelte-1fg37ex{justify-content:space-between;gap:var(--ui-space-xl);align-items:start;display:flex}.gif-intro.svelte-1fg37ex p:where(.svelte-1fg37ex){max-width:780px;color:var(--ui-color-muted);margin:0}.gif-input-heading.svelte-1fg37ex{justify-content:space-between;gap:var(--ui-space-lg);margin-bottom:var(--ui-space-xl);align-items:start;display:flex}.gif-input-heading.svelte-1fg37ex p:where(.svelte-1fg37ex){margin:0}.gif-input-heading.svelte-1fg37ex h2:where(.svelte-1fg37ex){margin-bottom:var(--ui-space-sm)}.gif-source.svelte-1fg37ex{align-items:center;gap:var(--ui-space-xl);display:flex}.gif-source.svelte-1fg37ex img:where(.svelte-1fg37ex){object-fit:contain;border-radius:var(--ui-radius-control);background:var(--ui-color-soft);max-width:min(240px,50%);max-height:180px}.gif-file.svelte-1fg37ex{overflow-wrap:anywhere;min-width:0}.gif-frames.svelte-1fg37ex{gap:var(--ui-space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:480px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.gif-frames.svelte-1fg37ex li:where(.svelte-1fg37ex){border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-card);padding:var(--ui-space-md);gap:var(--ui-space-sm);display:grid}.gif-frames.svelte-1fg37ex img:where(.svelte-1fg37ex){object-fit:contain;background:var(--ui-color-soft);width:100%;height:100px}.gif-frame-actions.svelte-1fg37ex{gap:var(--ui-space-sm);display:flex}.gif-icon.svelte-1fg37ex{min-width:var(--ui-control-button-height);min-height:var(--ui-control-button-height);border:1px solid var(--ui-color-button-border);border-radius:var(--ui-radius-control);background:var(--ui-color-surface);color:var(--ui-color-button-secondary-text);place-items:center;display:grid}.gif-fields.svelte-1fg37ex{gap:var(--ui-space-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:850px;display:grid}.gif-checkbox.svelte-1fg37ex{align-items:center;gap:var(--ui-space-sm);margin-top:var(--ui-space-lg);display:flex}.gif-checkbox.svelte-1fg37ex input:where(.svelte-1fg37ex){width:18px;height:18px;min-height:18px;accent-color:var(--ui-color-accent)}.gif-run.svelte-1fg37ex{margin-top:var(--ui-space-xl)}.gif-status.svelte-1fg37ex{align-items:center;gap:var(--ui-space-lg);flex-wrap:wrap;display:flex}.gif-status.svelte-1fg37ex p:where(.svelte-1fg37ex){margin:0}.gif-status.svelte-1fg37ex progress:where(.svelte-1fg37ex){accent-color:var(--ui-color-accent);flex:1;min-width:120px;max-width:100%}.gif-app.svelte-1fg37ex .confirm-buttons{flex-wrap:wrap}.gif-app.svelte-1fg37ex .confirm-buttons .button{white-space:normal;overflow-wrap:anywhere}.gif-result.svelte-1fg37ex .result-panel{border:0;padding:0}.gif-result-content.svelte-1fg37ex{gap:var(--ui-space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.gif-preview.svelte-1fg37ex{background:var(--ui-color-soft);border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-card);min-height:200px;padding:var(--ui-space-lg);place-items:center;display:grid}.gif-preview.svelte-1fg37ex img:where(.svelte-1fg37ex){object-fit:contain;max-width:100%;max-height:360px}.gif-download.svelte-1fg37ex{min-width:0}.gif-download.svelte-1fg37ex>a:where(.svelte-1fg37ex){margin-top:var(--ui-space-lg);white-space:normal;overflow-wrap:anywhere}@media (width<=680px){.gif-intro.svelte-1fg37ex,.gif-input-heading.svelte-1fg37ex{flex-direction:column}.gif-source.svelte-1fg37ex{flex-direction:column;align-items:start}.gif-source.svelte-1fg37ex img:where(.svelte-1fg37ex){max-width:100%}.gif-result-content.svelte-1fg37ex{grid-template-columns:1fr}.gif-frames.svelte-1fg37ex{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.gif-fields.svelte-1fg37ex{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
