.tool-hero{text-align:center;padding-block:30px}.tool-hero h1{font-size:clamp(2.05rem,4vw,2.9rem)}.tool-hero>p{margin-block-start:15px;font-size:15px}.tool-tags{flex-wrap:wrap;justify-content:center;gap:17px;margin-block-start:20px;display:flex}.tool-tags span{color:var(--color-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.noscript-note{border:1px solid var(--color-border);background:var(--bg-surface);color:var(--color-text);border-radius:8px;padding:18px;font-size:14px}.image-workspace{margin-block:12px 45px}.image-workspace button,.image-workspace select,.image-workspace input{font:inherit}.image-workspace button{touch-action:manipulation}.image-workspace button:disabled{cursor:not-allowed;opacity:.55}.image-workspace .button{min-block-size:46px;font-size:13px}.dropzone{text-align:center;background:var(--bg-surface);border:2px dashed var(--dropzone-border,#cbd5e1);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:50px 24px 34px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.dropzone:hover{background:var(--bg-subtle);border-color:var(--color-muted)}.dropzone.is-dragging,.workspace-grid.is-dragging{background:var(--bg-accent);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring);border-style:dashed;outline:none}.dropzone-prompt{color:var(--color-muted,#64748b);margin:0 0 18px;font-size:16px;font-weight:500;transition:color .15s}.dropzone.is-dragging .dropzone-prompt{color:var(--color-primary);font-weight:600}.dropzone-actions{justify-content:center;inline-size:100%;margin:0;display:flex}.hero-picker-button{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-block-size:52px;min-inline-size:min(260px,100%);padding:13px 40px;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb38;font-size:16px!important;font-weight:600!important}.hero-picker-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb4d}.hero-picker-button:active{transform:translateY(0);box-shadow:0 1px 4px #2563eb33}.file-picker{cursor:pointer;position:relative;overflow:hidden}.file-picker:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:4px}.file-picker:has(input:disabled){opacity:.6;cursor:wait}.file-picker input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.dropzone-privacy-note{color:var(--color-muted,#64748b);justify-content:center;align-items:center;gap:7px;margin-block-start:16px;font-size:13px;display:inline-flex}.dropzone-privacy-note svg{color:#64748b;flex-shrink:0}.icon-button{block-size:44px;inline-size:44px;color:var(--color-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover:not(:disabled){border-color:var(--color-border);background:var(--bg-subtle);color:var(--color-primary)}.workspace-trust{color:var(--color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-block-start:17px;display:flex}.workspace-trust p,.workspace-trust a{font-size:11px}.workspace-trust a{color:var(--color-primary);margin-inline-start:5px}.queue-heading .file-picker{gap:6px;min-block-size:39px;padding:7px 12px;font-size:11px}.compress-preview-caption .icon-button{flex-shrink:0}.upload-errors{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:start;gap:10px;margin-block-end:15px;padding:14px;display:flex;box-shadow:0 10px 28px #7f1d1d1f}.upload-errors>svg{flex:none;margin-block-start:1px}.upload-errors strong{font-size:13px;line-height:1.4;display:block}.upload-errors ul{max-block-size:min(35dvh,240px);margin-block-start:8px;padding:0;list-style:none;overflow-y:auto}.upload-errors li{overflow-wrap:anywhere;gap:3px;padding-block:7px;font-size:11px;line-height:1.5;display:grid}.upload-errors li+li{border-block-start:1px solid #b91c1c24}.upload-errors li span{color:#7f1d1d}.upload-errors .icon-button{block-size:28px;inline-size:28px;color:inherit;padding:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading-message{text-align:center;padding:40px}@media (width>=740px){.dropzone{padding-block:37px 28px}}@media (width<=520px){.workspace-trust a{text-align:center;flex-basis:100%}}.workspace-error-fallback{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-block:20px;padding:48px 24px}.error-fallback-content{max-inline-size:460px;margin-inline:auto}.error-fallback-content h2{color:#b91c1c;margin-block-end:12px;font-size:19px}.error-fallback-content p{color:#7f1d1d;margin-block-end:20px;font-size:13px;line-height:1.7}body:has(.tool-page) .header-inner{min-block-size:64px}.tool-breadcrumbs-bar{border-block-end:1px solid var(--color-border);background:var(--color-surface);inline-size:100%;padding-block:8px 10px;padding-inline:24px}.tool-breadcrumbs-bar .breadcrumbs{margin:0;padding:0}.tool-breadcrumbs-bar .breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-breadcrumbs-bar .breadcrumbs li{color:var(--color-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.tool-breadcrumbs-bar .breadcrumbs a{color:var(--color-muted);padding:0;text-decoration:none;transition:color .15s}.tool-breadcrumbs-bar .breadcrumbs a:hover{color:var(--color-primary);text-decoration:underline}.tool-breadcrumbs-bar .breadcrumbs span[aria-current=page]{color:var(--color-text);font-weight:500}.tool-breadcrumbs-bar .breadcrumbs svg{color:var(--color-muted);opacity:.65}.tool-intro{text-align:center;padding-inline:clamp(16px,3vw,32px)}.tool-intro .tool-hero{text-align:center;flex-direction:column;align-items:center;padding-block:16px 30px;display:flex}.tool-intro .tool-hero .eyebrow,.tool-intro .tool-hero .hero-badge-wrap,.tool-intro .tool-tags{display:none}.tool-intro .tool-hero h1{color:var(--color-text);letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.tool-intro .tool-hero>p{color:var(--color-muted);max-inline-size:640px;margin-block-start:12px;font-size:16.5px;line-height:1.5}.tool-stage{inline-size:min(1040px,100% - 48px);margin-inline:auto}.tool-stage .image-workspace{margin-block:0 40px}.tool-stage .dropzone{border-radius:16px;min-block-size:260px;padding:56px 36px 38px}.tool-stage .dropzone .hero-picker-button{min-block-size:54px;inline-size:auto;min-inline-size:min(280px,100%);font-size:16.5px}.tool-stage .workspace-trust{margin-block-start:8px;padding-inline:12px}.tool-page-divider{background-color:var(--color-border);block-size:1px;inline-size:100%;margin-block:36px 0}@media (width<=899px){.tool-intro .tool-hero{padding-block:14px 18px}.tool-intro .tool-hero>p{font-size:13px}}@media (width<=520px){body:has(.tool-page) .header-inner{gap:10px;inline-size:calc(100% - 24px)}body:has(.tool-page) .logo{flex-shrink:0}body:has(.tool-page) .logo>svg{flex-shrink:0;block-size:28px;inline-size:28px}body:has(.tool-page) .logo>span{font-size:20px}body:has(.tool-page) .mobile-nav summary{white-space:nowrap;padding-inline:4px}}[data-theme=dark] .upload-errors,[data-theme=dark] .partial-failure-notice{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}[data-theme=dark] .upload-errors li span{color:#fecaca}@media (width<=899px){.image-workspace .settings-panel button,.image-workspace .queue-item-actions .icon-button,.image-workspace .upload-errors .icon-button,.image-workspace .crop-tool-btn,.image-workspace .crop-zoom-display{min-block-size:44px}.image-workspace .queue-item-actions .icon-button,.image-workspace .upload-errors .icon-button,.image-workspace .crop-tool-btn{min-inline-size:44px}.image-workspace .settings-panel input[type=number],.image-workspace .settings-panel select{min-block-size:44px;font-size:16px}}.resize-preview-caption .icon-button{flex-shrink:0}.tool-guide[data-astro-cid-o4yyp53k]{border-block-start:1px solid var(--color-border);gap:35px;padding-block:50px;display:grid}.guide-intro[data-astro-cid-o4yyp53k] p[data-astro-cid-o4yyp53k]{max-inline-size:42ch;margin-block-start:17px;font-size:14px;line-height:1.9}.tool-guide[data-astro-cid-o4yyp53k] ol[data-astro-cid-o4yyp53k]{gap:25px;margin:0;padding:0;list-style:none;display:grid}.tool-guide[data-astro-cid-o4yyp53k] li[data-astro-cid-o4yyp53k]{gap:18px;display:flex}.tool-guide[data-astro-cid-o4yyp53k] li[data-astro-cid-o4yyp53k]>span[data-astro-cid-o4yyp53k]{color:var(--color-primary);padding-block-start:3px;font-size:12px;font-weight:700}.tool-guide[data-astro-cid-o4yyp53k] h3[data-astro-cid-o4yyp53k]{margin-block-end:8px;font-size:15px}.tool-guide[data-astro-cid-o4yyp53k] li[data-astro-cid-o4yyp53k] p[data-astro-cid-o4yyp53k]{color:var(--color-text);font-size:14px;line-height:1.9}.tool-faq[data-astro-cid-o4yyp53k]{border-block-start:1px solid var(--color-border);gap:25px;padding-block:35px 25px;display:grid}.tool-faq[data-astro-cid-o4yyp53k]>div[data-astro-cid-o4yyp53k]>p[data-astro-cid-o4yyp53k]{margin-block-start:14px;font-size:13px}.faq-items[data-astro-cid-o4yyp53k] details[data-astro-cid-o4yyp53k]{border-block-end:1px solid var(--color-border)}.faq-items[data-astro-cid-o4yyp53k] summary[data-astro-cid-o4yyp53k]{cursor:pointer;color:var(--color-text);padding-block:17px;font-size:13px;font-weight:600}.faq-items[data-astro-cid-o4yyp53k] summary[data-astro-cid-o4yyp53k]:hover{color:var(--color-primary)}.faq-items[data-astro-cid-o4yyp53k] p[data-astro-cid-o4yyp53k]{color:var(--color-muted);padding-block-end:17px;font-size:12px;line-height:1.9}@media (width>=740px){.tool-guide[data-astro-cid-o4yyp53k],.tool-faq[data-astro-cid-o4yyp53k]{grid-template-columns:1fr 1.5fr;gap:70px}}.upload-help[data-astro-cid-iclqr4ly],.task-resources[data-astro-cid-iclqr4ly]{border-block-start:1px solid var(--color-border);padding-block:32px}h2[data-astro-cid-iclqr4ly]{margin-block:10px 20px;font-size:clamp(1.3rem,2.5vw,1.65rem);line-height:1.5}h3[data-astro-cid-iclqr4ly]{margin-block:20px 8px;font-size:16px;line-height:1.6}p[data-astro-cid-iclqr4ly]{max-inline-size:80ch;color:var(--color-muted);font-size:14px;line-height:1.9}.upload-checklist[data-astro-cid-iclqr4ly]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;padding:0;list-style:none;display:grid}.upload-checklist[data-astro-cid-iclqr4ly] li[data-astro-cid-iclqr4ly],.upload-example[data-astro-cid-iclqr4ly],.resource-card[data-astro-cid-iclqr4ly]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-surface);padding:20px}.upload-checklist[data-astro-cid-iclqr4ly] h3[data-astro-cid-iclqr4ly],.upload-example[data-astro-cid-iclqr4ly] h3[data-astro-cid-iclqr4ly],.resource-card[data-astro-cid-iclqr4ly] h3[data-astro-cid-iclqr4ly]{margin-block-start:0}.upload-example[data-astro-cid-iclqr4ly]{margin-block:24px}.example-note[data-astro-cid-iclqr4ly]{margin-block-start:12px;font-size:12px}.help-links[data-astro-cid-iclqr4ly]{flex-wrap:wrap;gap:16px;margin-block-start:16px;display:flex}.resource-grid[data-astro-cid-iclqr4ly]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.resource-card[data-astro-cid-iclqr4ly]{color:var(--color-text);text-decoration:none}.resource-card[data-astro-cid-iclqr4ly]:hover{border-color:var(--color-primary)}.resource-card[data-astro-cid-iclqr4ly] span[data-astro-cid-iclqr4ly]{color:var(--color-primary);margin-block-start:16px;font-size:13px;display:inline-block}.preset-guidance[data-astro-cid-xqrakt4q]{background:var(--bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-block:28px 10px;padding:20px 24px}.preset-guidance-content[data-astro-cid-xqrakt4q]{align-items:start;gap:16px;display:flex}.preset-guidance-content[data-astro-cid-xqrakt4q] svg[data-astro-cid-xqrakt4q]{color:var(--color-primary);flex-shrink:0;margin-block-start:2px}.preset-guidance-content[data-astro-cid-xqrakt4q] h2[data-astro-cid-xqrakt4q]{color:var(--color-text);margin-block-end:6px;font-size:14px;font-weight:600}.preset-guidance-content[data-astro-cid-xqrakt4q] p[data-astro-cid-xqrakt4q]{color:var(--color-muted);margin:0;font-size:13px;line-height:1.8}