@charset "UTF-8";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202938;background:#f5f7fa;font-synthesis:none;--blue:#2458d3;--blue-dark:#1944ae;--muted:#627084;--border:#dfe5ed;--surface:#fff;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-size:14px;line-height:1.55}a{color:var(--blue);text-underline-offset:3px}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled{cursor:not-allowed}button:disabled{opacity:.62}:focus-visible{outline:3px solid #5986e9;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{color:#172234;line-height:1.25}h1{font-size:clamp(28px,3vw,36px);letter-spacing:-1.1px;font-weight:720}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:14px;font-weight:650}img,svg{display:block;max-width:100%}button{border:0}.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}.skip-link{position:fixed;top:-80px;left:16px;padding:10px 16px;background:#fff;border:2px solid var(--blue);z-index:100}.skip-link:focus{top:8px}.eyebrow{font-size:10px;letter-spacing:1.25px;font-weight:750;color:var(--muted)}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1344px;padding:0 32px;margin:auto;display:flex;gap:48px;align-items:center;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;color:#1b293e;font-size:17px;font-weight:650;text-decoration:none;white-space:nowrap;letter-spacing:-.4px}.brand strong{color:var(--blue);font-weight:750}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--blue);color:#fff}.brand-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header-inner nav{display:flex;gap:28px;align-self:stretch;align-items:center}.header-inner nav a{display:grid;align-items:center;height:100%;font-size:13px;font-weight:550;text-decoration:none;color:#5a6779;border-bottom:2px solid transparent}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--blue);border-bottom-color:var(--blue)}.header-note{margin-left:auto;color:var(--muted);font-size:11px}.page-shell{max-width:1344px;padding:32px 32px 64px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:9px}.page-heading h1{margin-bottom:8px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:720px}.privacy-badge{flex-shrink:0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;color:#36705a}.privacy-badge>span{width:6px;height:6px;border-radius:50%;background:#3a8b67}.page-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.primary-column{min-width:0}.workspace{background:#fff;border:1px solid #d7dfea;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px #1e293b03;scroll-margin-top:20px}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px;border-bottom:1px solid var(--border)}.workspace-top h2{font-size:15px;font-weight:650;letter-spacing:-.1px}.workspace-top>span{font-size:11px;color:var(--muted)}.loading-tool{padding:24px}.preset-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 24px;background:#fafbfd;border-bottom:1px solid #e8ecf2}.preset-label{font-size:11px;font-weight:600;color:var(--muted)}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap}.preset-button{font-size:11px;font-weight:600;border:1px solid #dae1eb;border-radius:5px;color:#4a586e;background:#fff;padding:5px 11px;min-height:30px}.preset-button:hover{background:#edf3ff;border-color:#a3b8e9}.preset-button[aria-pressed=true]{background:#eaf0ff;color:#214fab;border-color:#aabfee}.tool-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:28px;padding:24px}.upload-column,.settings-column{min-width:0}.settings-column{padding-left:24px;border-left:1px solid #e9edf3}.step-heading{display:flex;align-items:flex-start;gap:9px;margin-bottom:18px}.step-number{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dbe3f1;background:#f4f7fc;color:#526887;border-radius:5px;font:600 11px/1 ui-monospace,monospace;flex-shrink:0}.step-heading h3{font-size:14px;padding-top:1px}.step-heading p{font-size:11px;color:var(--muted);margin-top:4px}.drop-zone{position:relative;min-height:250px;border:1.5px dashed #b7c6dd;border-radius:7px;background:#f9fbfe;display:grid;padding:20px 12px;transition:background .15s,border-color .15s}.drop-zone:hover,.drop-zone.dragging{background:#eef4ff;border-color:var(--blue)}.drop-zone:focus-within{outline:3px solid #5986e9;outline-offset:3px}.file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.file-input:disabled{cursor:progress}.drop-content,.selected-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}.drop-content>strong{font-size:14px;margin-bottom:4px}.drop-content>span:not(.upload-icon):not(.choose-button){color:#627084;font-size:11px}.upload-icon{width:42px;height:42px;color:#6684b7;margin-bottom:12px}.upload-icon svg{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.choose-button{margin:10px 0 16px;display:inline-flex;gap:16px;align-items:center;font-size:12px;font-weight:650;background:#fff;color:var(--blue);border:1px solid #becde7;padding:8px 14px;border-radius:5px}.drop-content small{font-size:10px;color:var(--muted)}.selected-content img{width:100%;height:150px;object-fit:contain;margin-bottom:12px;border-radius:3px}.selected-name{font-size:12px;font-weight:600;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-detail{font-size:11px;color:var(--muted);margin-top:3px}.replace-file{font-size:11px;color:var(--blue);margin-top:12px;text-decoration:underline;text-underline-offset:3px}.upload-caption{color:var(--muted);font-size:11px;text-align:center;margin-top:12px}.local-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid #e4e9f0;border-radius:6px;padding:13px;margin-top:22px;background:#fcfdff}.local-notice>span{font-size:13px;color:#3c775e}.local-notice strong{font-size:11px;font-weight:600}.local-notice p{font-size:11px;color:var(--muted);margin-top:3px}.field-group{margin-bottom:15px}.field-group>label,.label-row{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.required,.optional{font-size:10px;font-weight:400;color:var(--muted)}input[type=number],select{width:100%;min-width:0;height:40px;border:1px solid #cbd5e2;border-radius:5px;background:#fff;color:#23324b;padding:7px 11px;font-size:13px}select{padding-right:24px}input[type=number]:hover,select:hover{border-color:#95a9c9}input:disabled,select:disabled{background:#f2f4f7;color:#7b8698}input::placeholder{color:#6a768a;opacity:1}.size-input{display:grid;grid-template-columns:1fr 78px;gap:6px}.field-help{color:var(--muted);font-size:10px;line-height:1.55;margin-top:5px}.format-help{color:#465a75;font-size:11px;line-height:1.55;background:#f4f7fc;border:1px solid #e2e9f3;border-radius:5px;padding:8px 10px;margin-top:7px}.dimension-inputs{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:6px;align-items:center}.pixel-input{position:relative}.pixel-input input{padding-right:35px;appearance:textfield;-moz-appearance:textfield}.pixel-input input::-webkit-outer-spin-button,.pixel-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pixel-input>span{position:absolute;right:11px;top:11px;font-size:11px;color:#6c7789;pointer-events:none}.multiply{color:#8794a7;font-size:13px;text-align:center}.resize-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:0 0 16px;font-size:11px}.resize-option input{margin:2px 0 0;width:14px;height:14px;flex-shrink:0;accent-color:var(--blue)}.resize-option strong{font-size:11px;font-weight:500;display:block}.resize-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.resize-option.disabled{opacity:.65;cursor:default}.primary-button,.download-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:650;min-height:42px;text-decoration:none;line-height:1.4}.primary-button,.download-button{background:var(--blue);color:#fff}.primary-button:hover,.download-button:hover{background:var(--blue-dark)}.settings-column .primary-button{width:100%;justify-content:space-between}.secondary-button{color:#344a6d;background:#fff;border-color:#c8d3e3}.secondary-button:hover{background:#f0f4fb}.button-caption{text-align:center;font-size:10px;color:var(--muted);margin-top:8px}.status{margin:0 24px 20px;background:#fff1ef;color:#a13c2c;padding:12px;border:1px solid #efc5bf;border-radius:6px;font-size:12px}.status:empty{display:none}.status.busy{color:#2c559b;background:#f0f5ff;border-color:#cddaf4}.result-empty{display:flex;align-items:center;justify-content:center;gap:9px;color:#637188;background:#fafbfd;border-top:1px solid #e6ebf2;font-size:11px;min-height:57px;padding:12px 24px}.result-empty>span{font-size:14px;color:#8a98ab}.result{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 24px 24px;padding:18px;border:1px solid #bddbcd;background:#f4faf7;border-radius:7px}.result-preview{height:64px;width:64px;object-fit:contain;background:#fff;border:1px solid #dce8e1;border-radius:4px}.result-copy{flex:1;min-width:180px}.result-copy .eyebrow{color:#38735b;font-size:9px;letter-spacing:.7px;margin-bottom:4px}.result-copy h3{font-size:15px;margin-bottom:5px}#result-summary{font-size:11px;font-variant-numeric:tabular-nums}.result-note{font-size:10px;color:#546e61;margin-top:5px}.result-note:empty{display:none}.tool-footnote{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;padding-top:12px;color:#627084;font-size:10px}.content-section{margin-top:40px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:18px}.section-heading h2{font-size:17px;letter-spacing:-.3px}.section-heading>span,.section-heading>a{font-size:11px;color:var(--muted);text-decoration:none}.section-heading>a{color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps article{position:relative;padding-left:32px}.step-index{position:absolute;top:0;left:0;display:grid;place-items:center;border:1px solid #dbe2ec;border-radius:50%;width:22px;height:22px;font-size:11px;font-weight:600;color:#5a6b83;background:#fff}.steps h3{font-size:12px;padding-top:3px;margin-bottom:7px}.steps p{font-size:11px;color:var(--muted);line-height:1.65}.tip-card{margin-top:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px}.tip-card h2{font-size:17px;margin-top:9px;line-height:1.4}.tip-card ul{padding-left:17px;color:#56657b;font-size:12px;margin:17px 0}.tip-card li+li{margin-top:9px}.tip-card>p:last-child{border-top:1px solid #e7ebf1;padding-top:15px;color:var(--muted);font-size:11px;line-height:1.7}.sidebar-note{margin-top:24px;padding:0 8px;font-size:11px;color:var(--muted)}.sidebar-note strong{color:#455871;font-size:12px;font-weight:600}.sidebar-note p{margin:6px 0 10px}.sidebar-note a{text-decoration:none}.questions{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.questions details+details{border-top:1px solid #e6ebf2}.questions summary{font-size:12px;font-weight:550;padding:16px 18px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font-size:17px;font-weight:400;color:#8390a3}.questions details[open] summary:after{content:"−"}.questions summary:hover{background:#f9fbfe}.questions details p{font-size:12px;color:var(--muted);padding:0 18px 18px;line-height:1.75}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-links a{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border);border-radius:7px;padding:15px;font-size:11px;font-weight:550;line-height:1.6;text-decoration:none;color:#385783}.guide-links a:hover{border-color:#91aae0;background:#f4f8ff}.guide-content{background:#fff;border:1px solid var(--border);border-radius:8px;padding:28px}.guide-content h3{margin:22px 0 7px}.guide-content p{color:var(--muted);font-size:13px;margin-top:10px}.site-footer{border-top:1px solid var(--border);background:#fff}.footer-inner{max-width:1344px;margin:auto;padding:30px 32px}.footer-top{display:flex;justify-content:space-between;gap:28px}.footer-brand{color:#25334b;font-size:13px;font-weight:650;text-decoration:none}.footer-top p{font-size:11px;color:#6a7688;margin-top:6px}.footer-top p a{color:inherit}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-start}.footer-links a,.footer-links button{font-size:11px;font-weight:400}.footer-links a{text-decoration:none;color:#5a687d}.footer-links a:hover,.text-button:hover{text-decoration:underline}.text-button{color:var(--blue);background:transparent;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px}.company-details{border-top:1px solid #e9edf3;margin-top:24px;padding-top:17px;color:#627084;font-size:10px;line-height:1.8}.company-details a{color:inherit}.article-shell{max-width:1100px}.article-body{max-width:760px;margin:36px auto 0;color:#455871}.article-body h1{margin:10px 0 20px}.article-body h2{margin:32px 0 12px;font-size:20px}.article-body p,.article-body li{font-size:15px;line-height:1.8;margin-bottom:14px}.article-body .article-intro{font-size:17px;color:#344a6d}.article-body ol{padding-left:24px}.legal-shell{padding-top:30px;padding-bottom:80px}.back-link{color:var(--muted);font-size:12px;text-decoration:none}.legal-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:60px;margin-top:36px}.legal-nav nav{display:flex;flex-direction:column;gap:4px;margin:14px 0 22px}.legal-nav nav a{text-decoration:none;color:#5f6d83;font-size:13px;padding:9px 12px;border-radius:5px}.legal-nav nav a[aria-current]{color:var(--blue);background:#e8eefb;font-weight:600}.legal-nav .text-button{font-size:12px;padding-left:12px}.legal-content{min-width:0}.legal-content h1{margin:10px 0 20px}.legal-content h2{margin:30px 0 12px;font-size:18px}.legal-content p,.legal-content li{font-size:14px;color:#58677b;line-height:1.85;margin-bottom:14px}.legal-content .lead{font-size:16px;color:#3a4d69;line-height:1.75}.legal-content .policy-date{font-size:11px;margin-top:-9px;margin-bottom:24px}.legal-content code{overflow-wrap:anywhere;font-size:12px;background:#e9edf4;padding:2px 5px;border-radius:3px}.legal-content ul{padding-left:20px}.contact-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;margin:24px 0}.contact-card>a{display:block;font-size:20px;font-weight:600;margin:8px 0 5px;overflow-wrap:anywhere}.contact-card p{margin:0;font-size:12px}.company-table{display:grid;grid-template-columns:150px 1fr;font-size:13px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:20px;gap:16px}.company-table dt{color:var(--muted)}.company-table dd{margin:0;overflow-wrap:anywhere}.no-script-notice{padding:16px;background:#fff5d8;font-size:12px;text-align:center}.cookie-banner{position:fixed;z-index:50;bottom:20px;left:24px;right:24px;max-width:1120px;margin:auto;padding:18px 22px;border:1px solid #cdd7e7;background:#fff;border-radius:9px;box-shadow:0 5px 35px #203f6126;display:flex;gap:28px;align-items:center}.cookie-banner-copy{flex:1}.cookie-banner h2{font-size:13px;letter-spacing:0}.cookie-banner p{font-size:11px;color:#637188;margin-top:5px;line-height:1.65}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-actions button{white-space:nowrap;font-size:11px}.cookie-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100% - 48px);overflow:auto;padding:28px;border:1px solid #d2dce9;border-radius:12px;color:#202938;background:#fff;box-shadow:0 18px 70px #132a4c30}.cookie-dialog::backdrop{background:#1f2c465c}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.dialog-heading h2{font-size:21px}.dialog-close{display:grid;place-items:center;font-size:23px;background:#f1f4f9;color:#546479;width:32px;height:32px;border-radius:5px;line-height:1}.cookie-dialog>p{font-size:12px;color:#65738a;line-height:1.75;margin:10px 0}.cookie-categories{margin:20px 0;border:1px solid var(--border);border-radius:7px}.cookie-category{padding:15px}.cookie-category+.cookie-category{border-top:1px solid var(--border)}.cookie-category-title{display:flex;justify-content:space-between;gap:15px}.cookie-category h3{font-size:12px}.cookie-category p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:7px}.cookie-category label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:13px}.cookie-category input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue);flex:none}.category-state{font-size:10px;color:#596d8e;font-weight:600;white-space:nowrap}.category-state.necessary{color:#36705a}.cookie-dialog .save-settings{width:100%}.cookie-dialog .preference-note{font-size:10px;text-align:center}@media(min-width:1600px){.page-shell{padding-top:40px}}@media(max-width:1150px){.page-columns{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.page-heading{gap:16px}.privacy-badge{font-size:10px}.tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.drop-zone{min-height:270px}.footer-top{flex-wrap:wrap}}@media(max-width:760px){.header-inner{padding:0 20px;gap:24px;min-height:64px}.header-note{display:none}.header-inner nav{margin-left:auto;gap:18px}.header-inner nav a{font-size:11px}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.page-shell{padding:26px 20px 40px}.page-heading{display:block;margin-bottom:24px}.page-heading p:not(.eyebrow){font-size:13px}.privacy-badge{margin-top:13px;font-size:10px}.tool-grid{gap:20px;padding:20px}.settings-column{padding-left:20px}.workspace-top{padding:16px 20px}.preset-row{padding:12px 20px;gap:8px}.preset-button{padding:5px 9px}.steps{gap:16px}.guide-links{grid-template-columns:1fr;gap:8px}.guide-links a{font-size:12px}.footer-inner{padding:28px 20px}.footer-links{gap:10px 16px}.cookie-banner{left:12px;right:12px;bottom:12px;padding:17px;flex-direction:column;align-items:stretch;gap:13px}.cookie-actions{justify-content:flex-end}.legal-layout{grid-template-columns:1fr;gap:28px;margin-top:24px}.legal-nav{border-bottom:1px solid var(--border);padding-bottom:12px}.legal-nav>.eyebrow,.legal-nav>button{display:none}.legal-nav nav{flex-direction:row;flex-wrap:wrap;margin:0;gap:3px}.legal-nav nav a{font-size:12px;padding:6px 10px}}@media(max-width:700px){.tool-grid{display:block}.settings-column{padding:23px 0 0;margin-top:22px;border-left:0;border-top:1px solid #e9edf3}.drop-zone{min-height:217px}.local-notice{display:none}}@media(max-width:560px){.header-inner{min-height:61px;gap:12px;padding:0 16px;flex-wrap:wrap}.brand{font-size:14px;gap:7px}.brand-mark{width:28px;height:28px}.brand-mark svg{width:23px}.header-inner nav{gap:14px}.header-inner nav a:first-child{display:none}.header-inner nav a{font-size:11px}.page-shell{padding:23px 16px 36px}h1{font-size:29px;letter-spacing:-.9px}.eyebrow{font-size:9px}.page-heading p:not(.eyebrow){font-size:12px;line-height:1.7}.workspace-top{padding:14px 16px;gap:8px}.workspace-top h2{font-size:13px}.workspace-top>span{font-size:10px}.preset-row{padding:12px 16px;gap:8px}.preset-label{width:100%;font-size:10px}.preset-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}.preset-button{padding:5px 4px;min-height:44px;font-size:12px;white-space:nowrap}.tool-grid{display:block;padding:20px 16px}.step-heading{margin-bottom:14px}.drop-zone{min-height:217px;padding:17px 12px}.local-notice{display:none}.settings-column{padding:23px 0 0;margin-top:22px;border-left:0;border-top:1px solid #e9edf3}.field-group{margin-bottom:17px}.field-help{font-size:11px}.format-help{font-size:12px}input[type=number],select{height:44px;font-size:16px}.pixel-input>span{top:13px}.resize-option strong{font-size:12px}.resize-option small{font-size:11px}.settings-column .primary-button{min-height:46px;font-size:13px}.button-caption{font-size:10px}.result{margin:0 16px 16px;padding:15px;gap:12px}.result-copy{min-width:0}.result-preview{width:48px;height:48px}.result .download-button{width:100%}.result-empty{padding:12px 16px;font-size:10px}.status{margin:0 16px 16px}.tool-footnote{font-size:9px;gap:5px 10px}.content-section{margin-top:30px}.section-heading{gap:12px;margin-bottom:16px}.section-heading h2{font-size:16px}.section-heading>span{display:none}.steps{grid-template-columns:1fr;gap:20px}.steps article{padding-left:35px}.steps h3{font-size:12px;margin-bottom:4px}.steps p{font-size:12px}.questions summary{padding:16px;line-height:1.6}.questions details p{padding:0 16px 16px}.footer-inner{padding:25px 16px}.company-details{font-size:10px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-actions .primary-button,.cookie-actions .secondary-button{padding:9px 10px;min-height:44px}.cookie-banner h2{font-size:12px}.cookie-banner p{font-size:11px}.cookie-dialog{padding:21px}.dialog-close{width:44px;height:44px}.dialog-heading h2{font-size:19px}.company-table{grid-template-columns:1fr;gap:5px;padding:18px}.company-table dd{margin-bottom:13px}.contact-card{padding:18px}.contact-card>a{font-size:16px}.guide-content{padding:22px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}#batch-selection{list-style:none;width:100%;padding:0;margin:10px 0 0;text-align:left}.batch-file{display:flex;flex-wrap:wrap;gap:3px 8px;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid #e6ebf2;font-size:11px}.batch-file-name{min-width:0;overflow-wrap:anywhere;font-weight:550}.batch-file-error{width:100%;color:#a13c2c;font-size:10px;line-height:1.45}.batch-results{margin:0 24px 24px;padding:18px;background:#f8fafc;border:1px solid #d8e1ed;border-radius:7px}.batch-results-heading{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;margin-bottom:14px}.batch-results-heading h3{font-size:15px}#batch-result-summary{color:#52647b;font-size:11px}.batch-result-list{list-style:none;margin:0;padding:0;border:1px solid #dce5ef;border-radius:6px;overflow:hidden;background:#fff}.batch-result-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px}.batch-result-row+.batch-result-row{border-top:1px solid #e7edf3}.batch-result-copy{flex:1;min-width:0}.batch-result-name{display:block;overflow-wrap:anywhere;font-size:12px}.batch-result-summary,.batch-result-error{margin-top:4px;font-size:11px;line-height:1.5}.batch-result-summary{color:#52647b}.batch-result-error,#batch-zip-error{color:#a13c2c}.batch-result-row[data-state=error]{background:#fff9f8}.batch-result-download{flex-shrink:0;color:#2458d3;font-size:11px;font-weight:650}.batch-download-all{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:14px;padding:10px 16px;color:#fff;background:#2458d3;border-radius:6px;text-decoration:none;font-size:12px;font-weight:650}.batch-download-all:hover{background:#1944ae}#batch-zip-error{font-size:11px;line-height:1.5;margin-top:10px}@media(max-width:560px){.batch-results{margin:0 16px 16px;padding:14px}.batch-result-row{align-items:flex-start;flex-direction:column;gap:7px}.batch-result-download{min-height:44px;display:inline-flex;align-items:center}.batch-download-all{display:flex;width:100%;min-height:44px}}@media(max-width:700px){.preset-label{width:100%}.preset-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%}.preset-button{padding:5px 4px;min-height:44px;font-size:12px;white-space:nowrap}.format-help{font-size:12px}.size-input{grid-template-columns:minmax(0,1fr) 100px}.cookie-actions .primary-button,.cookie-actions .secondary-button{min-height:44px}.dialog-close{width:44px;height:44px}.batch-result-download{min-height:44px;display:inline-flex;align-items:center}.batch-download-all{min-height:44px}}@media(pointer:coarse){.preset-button{min-height:44px;font-size:12px}input[type=number],select{min-height:44px;font-size:16px}.size-input{grid-template-columns:minmax(0,1fr) 100px}.pixel-input>span{top:13px}.cookie-actions .primary-button,.cookie-actions .secondary-button{min-height:44px}.dialog-close{width:44px;height:44px}.batch-result-download{min-height:44px;display:inline-flex;align-items:center}.batch-download-all{min-height:44px}}@media(max-width:760px){.preset-button{min-height:44px;font-size:12px}input[type=number],select{min-height:44px;font-size:16px}.size-input{grid-template-columns:minmax(0,1fr) 100px}.pixel-input>span{top:13px}.cookie-actions .primary-button,.cookie-actions .secondary-button{min-height:44px}.dialog-close{width:44px;height:44px}.batch-result-download{min-height:44px;display:inline-flex;align-items:center}.batch-download-all{min-height:44px}}