@keyframes images-entry-shimmer{to{transform:translate(100%)}}@keyframes images-entry-progress{to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}.compressor{box-sizing:border-box;width:min(100% - 3rem,90rem);min-height:calc(100dvh - var(--header-height,88px) - 2rem);color:var(--text);font:inherit;align-content:center;margin:0 auto;padding-block:1rem;display:grid}.compressor--loaded{align-content:start;display:block}.compressor *,.compressor :before,.compressor :after{box-sizing:border-box}.compressor button,.compressor a,.compressor input,.compressor select{font:inherit}.compressor button,.compressor a{color:var(--text)}.compressor button,.compressor a:not(.compressor-card-caption a){border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:.7rem;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.compressor button:hover:not(:disabled):not(:where([data-compressor-workspace] .uit-tool-button,[data-compressor-workspace] .uit-primary-action)),.compressor a:hover{background:var(--surface-raised)}.compressor button:disabled{opacity:.38;cursor:default}.compressor :is(button,a,input,select):focus-visible{outline:2px solid var(--text);outline-offset:4px}.compressor .compressor-primary,.compressor .compressor-toolbar-actions .compressor-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.compressor .compressor-primary:hover{background:var(--accent);filter:brightness(.94)}.compressor .compressor-toolbar .compressor-icon-button{width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text);background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.compressor .compressor-toolbar .compressor-icon-button:not(.compressor-back):hover:not(:disabled),.compressor .compressor-toolbar .compressor-add:hover:not(:disabled){background:var(--surface-muted)}.compressor .compressor-toolbar .compressor-back:hover{background:0 0}.compressor-toolbar svg{pointer-events:none;width:22px;height:22px}.compressor .compressor-toolbar :is(button,a):focus-visible{outline-offset:3px}.compressor .compressor-toolbar button:disabled{opacity:.35}.compressor-tooltip{z-index:10;border:1px solid var(--border);background:var(--surface);width:max-content;max-width:calc(100vw - 1rem);color:var(--text);text-align:center;pointer-events:none;border-radius:.45rem;padding:.4rem .65rem;font-size:.875rem;font-weight:400;line-height:1.4;position:fixed;box-shadow:0 .25rem .75rem #00000026}.compressor:not(.compressor--loaded){--compressor-entry-height:28rem;max-width:90rem;min-height:max(calc(100dvh - var(--header-height,88px)), 41rem);padding-block:1.5rem}.compressor-entry{border:1px solid var(--border);background:var(--surface);border-radius:1.75rem;width:min(100%,60rem + 2px);margin:auto;padding:1.5rem 2rem 2rem}.compressor-entry-heading{grid-template-columns:minmax(2.25rem,1fr) auto minmax(2.25rem,1fr);align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid;position:relative}.compressor-entry-heading h1{text-align:center;white-space:nowrap;grid-area:1/2;margin:0;font-size:clamp(1.29375rem,2.3vw,1.725rem);font-weight:550;line-height:1.3}.compressor .compressor-entry-heading .compressor-entry-back{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:.4rem;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;left:calc(1.125rem - 22px);transform:translateY(-50%)}.compressor-entry-back svg{width:2.25rem;height:2.25rem}.compressor .compressor-guide-icon{width:2.25rem;height:2.25rem;min-height:0;color:var(--text);background:0 0;border:0;border-radius:.4rem;grid-area:1/3;justify-self:end;margin:0;padding:0;display:flex}.compressor .compressor-guide-icon:hover:not(:disabled){background:0 0}.compressor-guide-icon svg{width:100%;height:100%}.compressor-guide-notice{color:var(--text-muted);text-align:center;margin:0 0 1rem}.compressor-dropzone{min-height:var(--compressor-entry-height);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg,1.5rem);text-align:center;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:2.5rem 2rem;display:grid}.compressor-upload-icon{width:clamp(4.5rem,7vw,6.5rem);height:clamp(4.5rem,7vw,6.5rem);color:var(--text);opacity:.75;align-self:end;place-items:center;margin-bottom:1.75rem;display:grid}.compressor-upload-icon svg{stroke-width:1.35px;width:100%;height:100%}.compressor-dropzone .compressor-primary{background:var(--text);width:20rem;max-width:100%;min-height:5rem;color:var(--bg);border-color:var(--text);border-radius:.875rem;padding:1rem 2rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:550;line-height:1.2}.compressor .compressor-dropzone .compressor-primary:hover{background:var(--text);color:var(--bg);border-color:var(--text);filter:none}.compressor-upload-copy{flex-direction:column;align-self:start;align-items:center;gap:1.125rem;margin-top:1rem;display:flex}.compressor-drop-prompt{color:var(--text);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:450;line-height:1.4}.compressor-dropzone small{text-wrap:balance;color:var(--text-muted);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.5}.compressor.is-dragging .compressor-dropzone,.compressor.is-dragging .compressor-grid{outline:2px solid var(--text);outline-offset:4px}.compressor-toolbar{border:1px solid var(--border);background:var(--surface);z-index:3;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;margin-bottom:1rem;padding:.6rem;display:flex;position:relative}.compressor .compressor-toolbar .compressor-add{background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;gap:.4rem;height:2.75rem;min-height:2.75rem;margin:0;padding:0 .625rem 0 calc(1.375rem - 14px)}.compressor-add span{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.125rem}.compressor-toolbar .compressor-add svg{width:26px;height:26px}.compressor .compressor-toolbar .compressor-add:disabled{opacity:1}.compressor-add:disabled svg{opacity:.35}.compressor-toolbar-actions{justify-content:flex-end;align-items:center;gap:.4rem;margin-left:auto;display:flex}.compressor .compressor-toolbar .compressor-clear-button{margin-right:.5rem}.compressor-download-slot{display:grid}.compressor .compressor-download-slot>:is(button,a){width:100%;min-height:2.75rem;font:inherit;border-radius:.65rem;grid-area:1/1;padding:.6rem 1.25rem;font-weight:600}.compressor .compressor-download-slot>.compressor-primary,.compressor .compressor-download-slot>.compressor-primary:hover{background:var(--text);color:var(--bg);border-color:var(--text);filter:none}.compressor-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(22rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);font:inherit;border-radius:1.25rem;margin:auto;padding:1.75rem}.compressor-clear-dialog::backdrop{background:#0000008c}.compressor .compressor-dialog-close{width:24px;height:24px;min-height:24px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:.4rem;padding:0;position:absolute;top:.6rem;right:.6rem}.compressor .compressor-dialog-close:hover:not(:disabled){background:var(--surface-muted)}.compressor-dialog-close svg{width:18px;height:18px}.compressor-clear-dialog h2{text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:550;line-height:1.3}.compressor-clear-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.compressor-grid{border-radius:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.compressor-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;min-width:0;position:relative;overflow:hidden;container:compressor-card/inline-size}.compressor-card[draggable=true]{cursor:grab}.compressor-card[draggable=true]:active{cursor:grabbing}.compressor-card.is-drop-target{box-shadow:inset 0 0 0 2px var(--border-strong)}.compressor-preview{justify-content:center;align-items:center;height:254px;padding:2.75rem 1.25rem 1.25rem;display:flex}.compressor-preview img{object-fit:contain;width:100%;height:100%}.compressor .compressor-card .compressor-card-icon{width:44px;height:44px;min-height:44px;color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.compressor .compressor-card .compressor-card-icon:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-muted);border-color:#0000}.compressor .compressor-card .compressor-card-icon[aria-disabled=true]{opacity:.38;cursor:default}.compressor-card-icon svg{pointer-events:none;width:22px;height:22px}.compressor .compressor-card .compressor-card-remove{z-index:1;border-radius:.4rem;width:24px;height:24px;min-height:24px;position:absolute;top:.6rem;right:.6rem}.compressor-card-remove svg{width:18px;height:18px}.compressor-card-caption{padding:0 1rem .9rem}.compressor-card-caption>strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;display:block;overflow:hidden}.compressor-result{grid-template-rows:44px;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:.35rem;margin-top:.35rem;display:grid}.compressor-result-info{min-width:0;color:var(--text-muted);flex-wrap:wrap;align-items:center;column-gap:.5rem;font-size:.85rem;line-height:1.4;display:flex}.compressor-result-size{display:contents}.compressor-result-size>span{white-space:nowrap}.compressor-result-actions{grid-area:1/2;grid-template-columns:repeat(3,44px);justify-content:end;align-items:center;display:grid}.compressor-card-settings{grid-area:1/1}.compressor-card-replace{grid-area:1/2}.compressor-card-download{grid-area:1/3}.compressor-result b{color:var(--text);white-space:nowrap;font-weight:600}.compressor-card-status,.compressor-notice{color:var(--text-muted);font-size:.9rem}.compressor-error{overflow-wrap:anywhere;font-size:.95rem;line-height:1.4}.compressor-card p{margin:.5rem 0 0}.compressor-card.is-settings-open .compressor-preview img{filter:blur(4px)}.compressor-card.is-settings-open .compressor-card-caption{visibility:hidden}.compressor-settings-overlay{z-index:2;border-radius:inherit;background:color-mix(in srgb, var(--surface) 82%, transparent);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.compressor-settings-panel{width:100%;max-width:40rem;margin:auto}.compressor-settings-panel h2{font:inherit;text-align:center;margin:0 0 1rem;font-size:1.125rem;line-height:1.3}.compressor-levels{grid-template-columns:minmax(0,1fr);gap:.35rem;display:grid}.compressor-level{cursor:pointer;border:1px solid #0000;border-radius:.65rem;align-items:center;gap:.55rem;min-width:0;min-height:2.75rem;padding:.6rem .65rem;font-size:1rem;line-height:1.3;display:flex}.compressor-level:hover{background:var(--surface-muted)}.compressor-level:has(input:checked){border-color:var(--text)}.compressor-level input{width:1rem;height:1rem;accent-color:var(--text);flex:none;margin:0}.compressor-settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.compressor .compressor-settings-actions button{background:var(--surface);border-radius:.65rem;width:100%;min-width:0;min-height:2.75rem;padding:.6rem .4rem}.compressor .compressor-settings-actions button:hover:not(:disabled){background:var(--surface);filter:none}.compressor .compressor-settings-actions .compressor-primary,.compressor .compressor-settings-actions .compressor-primary:hover{background:var(--text);color:var(--bg);border-color:var(--text);filter:none}@container compressor-card (width>=560px){.compressor-levels{grid-template-columns:repeat(3,minmax(0,1fr))}}@container compressor-card (width<=220px){.compressor-settings-overlay{padding:.65rem}.compressor-level{gap:.35rem;padding-inline:.35rem}.compressor-settings-actions{gap:.35rem}}.compressor .is-processing .compressor-preview{opacity:.55}.compressor-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite compressor-active-border;position:absolute;inset:0}@keyframes compressor-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.compressor-card.is-processing:after{animation:none}}.compressor-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.compressor{width:calc(100% - 1.5rem)}.compressor-toolbar{gap:.2rem;padding:.4rem}.compressor .compressor-toolbar .compressor-icon-button{width:2.5rem;height:2.5rem;min-height:2.5rem}.compressor .compressor-toolbar .compressor-add{height:2.5rem;min-height:2.5rem;padding:0 .5rem 0 calc(1.25rem - 14px)}.compressor-toolbar-actions{gap:.2rem;width:100%}.compressor-toolbar-actions .compressor-download-slot{flex:1}.compressor:not(.compressor--loaded){--compressor-entry-height:24rem;width:calc(100% - 1.5rem);min-height:max(calc(100dvh - var(--header-height,88px)), 35.5rem);padding-block:.75rem}.compressor-entry{border-radius:1.5rem;padding:1rem}.compressor-entry-heading{grid-template-columns:minmax(1.875rem,1fr) auto minmax(1.875rem,1fr);gap:.625rem;margin-bottom:1.25rem}.compressor-entry-heading h1{font-size:clamp(.934375rem,4.37vw,1.29375rem)}.compressor .compressor-guide-icon{width:1.875rem;height:1.875rem}.compressor .compressor-entry-heading .compressor-entry-back{left:calc(.9375rem - 22px)}.compressor-entry-back svg{width:1.875rem;height:1.875rem}.compressor-dropzone{padding-inline:1.25rem}}@media (width<=600px){.compressor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.compressor-preview{height:204px;padding:3rem .65rem .65rem}.compressor-card-caption{padding:0 .65rem .65rem}.compressor-card-caption>strong{font-size:.9rem}.compressor .compressor-card .compressor-card-remove{top:.4rem;right:.4rem}.compressor-result{grid-template-rows:3.57rem 38px;grid-template-columns:minmax(0,1fr)}.compressor-result-info{display:block}.compressor-result-size{white-space:normal}.compressor-result b{display:block}.compressor-result-actions{grid-area:2/1;grid-template-columns:repeat(3,30px)}.compressor .compressor-result-actions .compressor-card-icon{width:30px;height:38px;min-height:38px}}.compressor svg{flex-shrink:0}.compressor[aria-labelledby=compressor-title] .images-entry-cancel{font-weight:400}.compressor-toolbar-divider{background:var(--border);flex:0 0 1px;width:1px;height:1.5rem;margin-inline:.25rem}.compressor-batch-levels,.compressor-batch-level-choices{align-items:center;gap:.4rem;display:flex}.compressor-batch-levels{flex-wrap:wrap;min-width:0;font-size:1rem;font-weight:400}.compressor-toolbar .compressor-level-icon{flex:none;width:56px;height:36px;display:block}.compressor .compressor-batch-level-choices button{background:0 0;border-color:#0000;border-radius:.65rem;height:2.75rem;min-height:2.75rem;padding:.15rem .65rem;font-weight:400}.compressor .compressor-batch-level-choices button:hover:not(:disabled){background:var(--surface-muted)}.compressor .compressor-batch-level-choices button[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.compressor .compressor-output-size{color:var(--text)}@media (width<=640px){.compressor-toolbar-divider{margin-inline:.05rem}}.compressor[data-compressor-workspace]{--compressor-entry-height:290px;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:block}.compressor[data-compressor-workspace] .compressor-intro{margin-bottom:18px}.compressor[data-compressor-workspace] .compressor-intro h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:550;line-height:1.2}.compressor[data-compressor-workspace] .compressor-intro>p{color:var(--text-muted);margin:6px 0 0;font-size:15px;line-height:22px}.compressor[data-compressor-workspace] .compressor-entry{border-radius:16px;width:100%;margin:0;padding:16px}.compressor[data-compressor-workspace] .compressor-dropzone{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:12px;display:flex}.compressor[data-compressor-workspace] .compressor-upload-icon{flex:none;align-self:center;width:70px;height:70px;margin:0 0 26px}.compressor[data-compressor-workspace] .compressor-dropzone .compressor-primary{border-radius:10px;flex:none;width:232px;min-height:54px;padding:15px 24px;font-size:19px;font-weight:550;line-height:22px}.compressor[data-compressor-workspace] .compressor-upload-copy{align-self:center;gap:14px;margin-top:23px}.compressor[data-compressor-workspace] .compressor-drop-prompt{font-size:17px;font-weight:450;line-height:23px}.compressor[data-compressor-workspace] .compressor-dropzone small{color:var(--text-muted);opacity:1;font-size:16px;font-weight:400;line-height:22px}.compressor[data-compressor-workspace] .images-entry-processing{border-radius:12px;min-height:290px;padding:16px}.compressor[data-compressor-workspace] .compressor-entry .images-entry-progress span{animation-duration:1s}.compressor[data-compressor-workspace] .compressor-working{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:10px}.compressor[data-compressor-workspace] .compressor-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;margin-bottom:8px;padding:.6rem;display:grid;container:compressor-toolbar/inline-size}.compressor[data-compressor-workspace] .compressor-toolbar-tools{flex-wrap:wrap;grid-area:1/1;justify-self:start;align-items:center;gap:.4rem;width:max-content;min-width:0;max-width:100%;display:flex}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-add{gap:.4rem;height:44px;min-height:44px;padding:.15rem .65rem}.compressor[data-compressor-workspace] .compressor-toolbar-options{flex:none;align-items:center;gap:.4rem;display:flex}.compressor[data-compressor-workspace] .compressor-toolbar-actions{flex-wrap:wrap;grid-area:1/2;justify-self:end;gap:.4rem;width:auto;max-width:100%;margin:0}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-icon-button{width:auto;height:44px;min-height:44px;padding:.15rem .65rem;position:relative}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-clear-button{margin:0}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-option-button,.compressor[data-compressor-workspace] .compressor-toolbar .compressor-option-button:hover:not(:disabled){box-shadow:none;background:0 0;border-color:#0000}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-option-button--labeled{flex-direction:column;gap:0;height:60px;min-height:44px}.compressor[data-compressor-workspace] .compressor-option-button:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:8px;position:absolute;inset:3px 5px}.compressor[data-compressor-workspace] .compressor-option-button:hover:not(:disabled):before{background:var(--surface-muted)}.compressor[data-compressor-workspace] .compressor-option-button[aria-expanded=true]:before{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.compressor[data-compressor-workspace] .compressor-toolbar .compressor-toolbar-artwork{flex:none;width:56px;height:36px;display:block;position:relative;overflow:hidden}.compressor[data-compressor-workspace] .compressor-tool-label{white-space:nowrap;pointer-events:none;font-size:12px;font-weight:400;line-height:16px;position:relative}.compressor[data-compressor-workspace] .compressor-toolbar-separated{position:relative}.compressor[data-compressor-workspace] .compressor-toolbar-separated:after{content:"";border-left:1px solid var(--border);pointer-events:none;height:42px;position:absolute;top:50%;left:calc(1px - .2rem);transform:translateY(-50%)}.compressor[data-compressor-workspace] .compressor-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-content:start;gap:16px}.compressor[data-compressor-workspace] .compressor-grid:empty{min-height:340px}.compressor[data-compressor-workspace] .compressor-grid{position:relative}.compressor[data-compressor-workspace] .compressor-grid.is-sorting{overflow:clip}.compressor[data-compressor-workspace] .is-sorting .compressor-card{z-index:1}.compressor[data-compressor-workspace] .compressor-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.compressor[data-compressor-workspace] .compressor-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.compressor[data-compressor-workspace] .compressor-sort-space{visibility:hidden;pointer-events:none}.compressor[data-compressor-workspace] .compressor-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}.compressor[data-compressor-workspace] .compressor-result{grid-template-rows:minmax(44px,auto)}.compressor-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.compressor[data-compressor-workspace] .compressor-workspace-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:0;min-width:0;min-height:340px;transition:grid-template-columns .2s,gap .2s;display:grid}.compressor[data-compressor-workspace] .compressor-workspace-body[data-options-open=true]{grid-template-columns:minmax(0,1fr) 280px;gap:8px}.compressor[data-compressor-workspace] .compressor-gallery{grid-area:1/1;min-width:0;min-height:0;overflow:hidden auto}.compressor[data-compressor-workspace] .compressor-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.compressor[data-compressor-workspace] .compressor-side-panel-shell{grid-area:1/2;min-width:0;min-height:0;overflow:hidden}.compressor[data-compressor-workspace] .compressor-side-panel{border:1px solid var(--border);background:var(--surface);overscroll-behavior:auto;border-radius:12px;flex-direction:column;gap:16px;width:280px;height:100%;min-height:0;padding:14px;font-weight:400;display:flex;overflow-y:auto}.compressor[data-compressor-workspace] .compressor-side-panel>h2{font:inherit;margin:0;font-weight:400}.compressor[data-compressor-workspace] .compressor-global-form{min-width:0;margin:0}.compressor[data-compressor-workspace] .compressor-global-levels{grid-template-columns:minmax(0,1fr);gap:.35rem;display:grid}.compressor[data-compressor-workspace] .compressor-global-levels button{background:var(--surface);width:100%;min-width:0;min-height:44px;font-weight:400}.compressor[data-compressor-workspace] .compressor-global-levels button[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.compressor[data-compressor-workspace] .compressor-side-panel .compressor-settings-actions button{font-weight:400}@media (width<=700px){.compressor[data-compressor-workspace] .compressor-workspace-body,.compressor[data-compressor-workspace] .compressor-workspace-body[data-options-open=true]{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);transition:none;height:auto!important}.compressor[data-compressor-workspace] .compressor-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}.compressor[data-compressor-workspace] .compressor-side-panel-shell{grid-area:2/1;height:0}.compressor[data-compressor-workspace] .compressor-workspace-body[data-options-open=true] .compressor-side-panel-shell{height:auto}.compressor[data-compressor-workspace] .compressor-side-panel{width:100%;height:auto;overflow:visible}}@media (prefers-reduced-motion:reduce){.compressor[data-compressor-workspace] .compressor-workspace-body{transition:none}}@container compressor-toolbar (width<=1000px){.compressor[data-compressor-workspace] .compressor-toolbar-tools{grid-area:1/1/auto/-1}.compressor[data-compressor-workspace] .compressor-toolbar-actions{grid-area:2/1/auto/-1}}@media (width<=640px){.compressor[data-compressor-workspace] .compressor-toolbar{gap:.2rem;padding:.4rem}.compressor[data-compressor-workspace] .compressor-toolbar-actions{gap:.2rem}}@media (width<=800px){.compressor[data-compressor-workspace] .compressor-intro h1{font-size:28px}}@media (width<=600px){.compressor[data-compressor-workspace] .compressor-result{grid-template-rows:minmax(44px,auto);grid-template-columns:minmax(0,1fr) 132px}.compressor[data-compressor-workspace] .compressor-result-info{display:flex}.compressor[data-compressor-workspace] .compressor-result-actions{grid-area:1/2;grid-template-columns:repeat(3,44px)}.compressor[data-compressor-workspace] .compressor-result-actions .compressor-card-icon{width:44px;height:44px;min-height:44px}}.compressor[data-compressor-workspace] .compressor-result-details{min-width:0}.compressor[data-compressor-workspace] .compressor-result-label,.compressor[data-compressor-workspace][data-layout=desktop] .compressor-output-size[data-pending=true],.compressor[data-compressor-workspace][data-layout=desktop] .compressor-result-arrow[data-pending=true]{display:none}.compressor[data-compressor-workspace] .compressor-result-change[data-change=increased]{color:var(--text-muted)}.compressor[data-compressor-workspace] .compressor-compact-controls{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.compressor[data-compressor-workspace] .compressor-compact-heading{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.compressor[data-compressor-workspace] .compressor-compact-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.3}.compressor[data-compressor-workspace] .compressor-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.compressor[data-compressor-workspace] .compressor-compact-controls .compressor-global-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compressor[data-compressor-workspace] .compressor-compact-controls .compressor-global-levels button{white-space:normal;overflow-wrap:anywhere;padding:8px 4px}.compressor[data-compressor-workspace] .compressor-level-help{color:var(--text-muted);margin:0;font-size:13.6px;line-height:1.4}.compressor[data-compressor-workspace] .compressor-compact-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compressor[data-compressor-workspace] .compressor-compact-actions>.compressor-compact-add{margin-inline-end:auto}.compressor[data-compressor-workspace] .compressor-compact-actions button{background:0 0;border-color:#0000;min-height:44px;padding:8px}.compressor[data-compressor-workspace] .compressor-compact-actions .uit-primary-action{background:var(--text);color:var(--bg)}.compressor[data-compressor-workspace] .compressor-compact-secondary{align-items:center;gap:4px;display:flex}.compressor[data-compressor-workspace] .compressor-compact-secondary>button{width:44px;padding:0}.compressor[data-compressor-workspace] .compressor-compact-secondary .compressor-toolbar-artwork{flex:none;width:56px;height:36px}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-workspace-body,.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-workspace-body[data-options-open=true]{min-height:0;transition:none;display:block}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-gallery{overscroll-behavior-y:auto;max-height:none;overflow:visible}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result{flex-direction:column;align-items:stretch;gap:12px;display:flex}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result-info{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result-size{white-space:normal;display:contents}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result-label{display:inline}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result-arrow{display:none}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-result-actions{border-top:1px solid var(--border);justify-content:flex-end;min-height:50px;padding-top:6px;display:flex}.compressor[data-compressor-workspace] .compressor-applied-level{color:var(--text-muted);overflow-wrap:anywhere;min-width:0;margin-top:4px;font-size:13.6px;display:block}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-card-remove{width:44px;height:44px;min-height:44px;position:static}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.compressor[data-compressor-workspace][data-layout=tablet] .compressor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compressor[data-compressor-workspace][data-layout=tablet] .compressor-card{flex-direction:column;display:flex}.compressor[data-compressor-workspace][data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.compressor[data-compressor-workspace][data-layout=tablet] .compressor-preview{flex:none;height:156px;padding:0 16px 12px}.compressor[data-compressor-workspace][data-layout=tablet] .compressor-card-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.compressor[data-compressor-workspace][data-layout=tablet] .compressor-result,.compressor[data-compressor-workspace][data-layout=tablet] .compressor-result-details{flex:1}.compressor[data-compressor-workspace][data-layout=mobile]{--compressor-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-working{background:0 0;border:0;border-radius:0;padding:0}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-compact-controls{margin-bottom:12px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-file-toolbar{grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;display:grid}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-file-toolbar>.compressor-compact-add{margin:0;padding-inline:8px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-clear{width:44px;padding:0}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-clear .compressor-toolbar-artwork{flex:none;width:56px;height:36px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-card{grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--compressor-dock-height) + 12px);display:grid}.compressor[data-compressor-workspace][data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-preview img{object-fit:cover;object-position:center;border-radius:0}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-card-caption,.compressor[data-compressor-workspace][data-layout=mobile] .compressor-result{display:contents}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-file-info{flex-direction:column;grid-area:2/2;align-self:start;gap:6px;min-width:0;display:flex}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-mobile-file-info>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-result-details{margin:0}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-result-actions{grid-area:3/1/auto/-1;margin-top:12px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-card-caption>p{grid-column:1/-1}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-result-size>span{white-space:normal;overflow-wrap:anywhere}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-card.is-settings-open{min-height:214px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-settings-overlay{padding:14px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-level{text-align:center;flex-wrap:wrap;justify-content:center;padding:8px 4px;font-size:14px}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-working>.compressor-download-action{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.compressor[data-compressor-workspace]:not([data-layout=desktop]) .compressor-download-action .uit-primary-slot{height:auto;min-height:44px;max-height:none}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-download-action .uit-primary-slot{width:100%;min-width:0;max-width:none}.compressor[data-compressor-workspace][data-layout=mobile] .compressor-download-action .uit-primary-action{width:100%;height:auto;min-height:44px}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}.resizer{box-sizing:border-box;width:min(100% - 3rem,90rem);min-height:calc(100dvh - var(--header-height,88px) - 2rem);color:var(--text);font:inherit;align-content:center;margin:0 auto;padding-block:1rem;display:grid}.resizer--loaded{align-content:start;display:block}.resizer *,.resizer :before,.resizer :after{box-sizing:border-box}.resizer button,.resizer a,.resizer input,.resizer select{font:inherit}.resizer button,.resizer a{color:var(--text)}.resizer button,.resizer a:not(.resizer-card-caption a){border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:.7rem;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.resizer button:hover:not(:disabled):not(:where([data-resizer-workspace] .uit-tool-button,[data-resizer-workspace] .uit-primary-action)),.resizer a:hover{background:var(--surface-raised)}.resizer button:disabled{opacity:.38;cursor:default}.resizer :is(button,a,input,select):focus-visible{outline:2px solid var(--text);outline-offset:4px}.resizer .resizer-primary,.resizer .resizer-toolbar-actions .resizer-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.resizer .resizer-primary:hover{background:var(--accent);filter:brightness(.94)}.resizer .resizer-toolbar .resizer-icon-button{width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text);background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.resizer .resizer-toolbar .resizer-icon-button:not(.resizer-back):hover:not(:disabled),.resizer .resizer-toolbar .resizer-add:hover:not(:disabled){background:var(--surface-muted)}.resizer .resizer-toolbar .resizer-back:hover{background:0 0}.resizer-toolbar svg{pointer-events:none;width:22px;height:22px}.resizer .resizer-toolbar :is(button,a):focus-visible{outline-offset:3px}.resizer .resizer-toolbar button:disabled{opacity:.35}.resizer-tooltip{z-index:10;border:1px solid var(--border);background:var(--surface);width:max-content;max-width:calc(100vw - 1rem);color:var(--text);text-align:center;pointer-events:none;border-radius:.45rem;padding:.4rem .65rem;font-size:.875rem;font-weight:400;line-height:1.4;position:fixed;box-shadow:0 .25rem .75rem #00000026}.resizer:not(.resizer--loaded){--resizer-entry-height:28rem;max-width:90rem;min-height:max(calc(100dvh - var(--header-height,88px)), 41rem);padding-block:1.5rem}.resizer-entry{border:1px solid var(--border);background:var(--surface);border-radius:1.75rem;width:min(100%,60rem + 2px);margin:auto;padding:1.5rem 2rem 2rem}.resizer-entry-heading{grid-template-columns:minmax(2.25rem,1fr) auto minmax(2.25rem,1fr);align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid;position:relative}.resizer-entry-heading h1{text-align:center;white-space:nowrap;grid-area:1/2;margin:0;font-size:clamp(1.29375rem,2.3vw,1.725rem);font-weight:550;line-height:1.3}.resizer .resizer-entry-heading .resizer-entry-back{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:.4rem;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;left:calc(1.125rem - 22px);transform:translateY(-50%)}.resizer-entry-back svg{width:2.25rem;height:2.25rem}.resizer .resizer-guide-icon{width:2.25rem;height:2.25rem;min-height:0;color:var(--text);background:0 0;border:0;border-radius:.4rem;grid-area:1/3;justify-self:end;margin:0;padding:0;display:flex}.resizer .resizer-guide-icon:hover:not(:disabled){background:0 0}.resizer-guide-icon svg{width:100%;height:100%}.resizer-guide-notice{color:var(--text-muted);text-align:center;margin:0 0 1rem}.resizer-dropzone{min-height:var(--resizer-entry-height);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg,1.5rem);text-align:center;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:2.5rem 2rem;display:grid}.resizer-upload-icon{width:clamp(4.5rem,7vw,6.5rem);height:clamp(4.5rem,7vw,6.5rem);color:var(--text);opacity:.75;align-self:end;place-items:center;margin-bottom:1.75rem;display:grid}.resizer-upload-icon svg{stroke-width:1.35px;width:100%;height:100%}.resizer-dropzone .resizer-primary{background:var(--text);width:20rem;max-width:100%;min-height:5rem;color:var(--bg);border-color:var(--text);border-radius:.875rem;padding:1rem 2rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:550;line-height:1.2}.resizer .resizer-dropzone .resizer-primary:hover{background:var(--text);color:var(--bg);border-color:var(--text);filter:none}.resizer-upload-copy{flex-direction:column;align-self:start;align-items:center;gap:1.125rem;margin-top:1rem;display:flex}.resizer-drop-prompt{color:var(--text);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:450;line-height:1.4}.resizer-dropzone small{text-wrap:balance;color:var(--text-muted);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.5}.resizer.is-dragging .resizer-dropzone,.resizer.is-dragging .resizer-grid{outline:2px solid var(--text);outline-offset:4px}.resizer-toolbar{border:1px solid var(--border);background:var(--surface);z-index:3;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;margin-bottom:1rem;padding:.6rem;display:flex;position:relative}.resizer .resizer-toolbar .resizer-add{background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;gap:.4rem;height:2.75rem;min-height:2.75rem;margin:0;padding:0 .625rem 0 calc(1.375rem - 14px)}.resizer-add span{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.125rem}.resizer-toolbar .resizer-add svg{width:26px;height:26px}.resizer .resizer-toolbar .resizer-add:disabled{opacity:1}.resizer-add:disabled svg{opacity:.35}.resizer-toolbar-actions{justify-content:flex-end;align-items:center;gap:.4rem;margin-left:auto;display:flex}.resizer .resizer-toolbar .resizer-clear-button{margin-right:.5rem}.resizer-download-slot{display:grid}.resizer .resizer-download-slot>:is(button,a){width:100%;min-height:2.75rem;font:inherit;border-radius:.65rem;grid-area:1/1;padding:.6rem 1.25rem;font-weight:600}.resizer .resizer-download-slot>.resizer-primary,.resizer .resizer-download-slot>.resizer-primary:hover{background:var(--text);color:var(--bg);border-color:var(--text);filter:none}.resizer-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(22rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);font:inherit;border-radius:1.25rem;margin:auto;padding:1.75rem}.resizer-clear-dialog::backdrop{background:#0000008c}.resizer .resizer-dialog-close{width:24px;height:24px;min-height:24px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:.4rem;padding:0;position:absolute;top:.6rem;right:.6rem}.resizer .resizer-dialog-close:hover:not(:disabled){background:var(--surface-muted)}.resizer-dialog-close svg{width:18px;height:18px}.resizer-clear-dialog h2{text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:550;line-height:1.3}.resizer-clear-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.resizer-grid{border-radius:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.resizer-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;min-width:0;position:relative;overflow:hidden;container:resizer-card/inline-size}.resizer-preview{justify-content:center;align-items:center;height:254px;padding:2.75rem 1.25rem 1.25rem;display:flex}.resizer-preview img{object-fit:contain;width:100%;height:100%}.resizer .resizer-card .resizer-card-icon{width:44px;height:44px;min-height:44px;color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.resizer .resizer-card .resizer-card-icon:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-muted);border-color:#0000}.resizer .resizer-card .resizer-card-icon[aria-disabled=true]{opacity:.38;cursor:default}.resizer-card-icon svg{pointer-events:none;width:22px;height:22px}.resizer .resizer-card .resizer-card-remove{z-index:1;border-radius:.4rem;width:24px;height:24px;min-height:24px;position:absolute;top:.6rem;right:.6rem}.resizer-card-remove svg{width:18px;height:18px}.resizer-card-caption{padding:0 1rem .9rem}.resizer-card-caption>strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;display:block;overflow:hidden}.resizer-result{grid-template-rows:44px;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:.35rem;margin-top:.35rem;display:grid}.resizer-result-info{min-width:0;color:var(--text-muted);flex-wrap:wrap;align-items:center;column-gap:.5rem;font-size:.85rem;line-height:1.4;display:flex}.resizer-result-actions{grid-area:1/2;grid-template-columns:repeat(3,44px);justify-content:end;align-items:center;display:grid}.resizer-card-settings{grid-area:1/1}.resizer-card-replace{grid-area:1/2}.resizer-card-download{grid-area:1/3}.resizer-card-status,.resizer-notice{color:var(--text-muted);font-size:.9rem}.resizer-error{overflow-wrap:anywhere;font-size:.95rem;line-height:1.4}.resizer-card p{margin:.5rem 0 0}.resizer-card.is-settings-open .resizer-preview img{filter:blur(4px)}.resizer-card.is-settings-open .resizer-card-caption{visibility:hidden}.resizer-settings-overlay{z-index:2;border-radius:inherit;background:color-mix(in srgb, var(--surface) 82%, transparent);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.resizer-settings-panel{width:100%;max-width:40rem;margin:auto}.resizer-settings-panel h2{font:inherit;text-align:center;margin:0 0 1rem;font-size:1.125rem;line-height:1.3}.resizer-settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.resizer .resizer-settings-actions button{background:var(--surface);border-radius:.65rem;width:100%;min-width:0;min-height:2.75rem;padding:.6rem .4rem}.resizer .resizer-settings-actions button:hover:not(:disabled){background:var(--surface);filter:none}.resizer .resizer-settings-actions .resizer-primary,.resizer .resizer-settings-actions .resizer-primary:hover:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text);filter:none}@container resizer-card (width<=220px){.resizer-settings-overlay{padding:.65rem}.resizer-settings-actions{gap:.35rem}}.resizer .is-processing .resizer-preview{opacity:.55}.resizer-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite resizer-active-border;position:absolute;inset:0}@keyframes resizer-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.resizer-card.is-processing:after{animation:none}}.resizer-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.resizer{width:calc(100% - 1.5rem)}.resizer-toolbar{gap:.2rem;padding:.4rem}.resizer .resizer-toolbar .resizer-icon-button{width:2.5rem;height:2.5rem;min-height:2.5rem}.resizer .resizer-toolbar .resizer-add{height:2.5rem;min-height:2.5rem;padding:0 .5rem 0 calc(1.25rem - 14px)}.resizer-toolbar-actions{gap:.2rem;width:100%}.resizer-toolbar-actions .resizer-download-slot{flex:1}.resizer:not(.resizer--loaded){--resizer-entry-height:24rem;width:calc(100% - 1.5rem);min-height:max(calc(100dvh - var(--header-height,88px)), 35.5rem);padding-block:.75rem}.resizer-entry{border-radius:1.5rem;padding:1rem}.resizer-entry-heading{grid-template-columns:minmax(1.875rem,1fr) auto minmax(1.875rem,1fr);gap:.625rem;margin-bottom:1.25rem}.resizer-entry-heading h1{font-size:clamp(.934375rem,4.37vw,1.29375rem)}.resizer .resizer-guide-icon{width:1.875rem;height:1.875rem}.resizer .resizer-entry-heading .resizer-entry-back{left:calc(.9375rem - 22px)}.resizer-entry-back svg{width:1.875rem;height:1.875rem}.resizer-dropzone{padding-inline:1.25rem}}@media (width<=600px){.resizer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.resizer-preview{height:204px;padding:3rem .65rem .65rem}.resizer-card-caption{padding:0 .65rem .65rem}.resizer-card-caption>strong{font-size:.9rem}.resizer .resizer-card .resizer-card-remove{top:.4rem;right:.4rem}.resizer-result{grid-template-rows:3.57rem 38px;grid-template-columns:minmax(0,1fr)}.resizer-result-info{display:block}.resizer-result-actions{grid-area:2/1;grid-template-columns:repeat(3,30px)}.resizer .resizer-result-actions .resizer-card-icon{width:30px;height:38px;min-height:38px}}.resizer svg{flex-shrink:0}.resizer .images-entry-processing{width:100%;min-height:var(--resizer-entry-height);border-style:dashed}.resizer .images-entry-cancel,.resizer-clear-actions button{font-weight:600}.resizer-toolbar-divider{background:var(--border);width:1px;height:1.5rem;margin-inline:.25rem}.resizer-toolbar-option{flex:none;display:flex;position:relative}.resizer-toolbar-options{align-items:center;gap:.4rem;display:flex}.resizer .resizer-toolbar .resizer-icon-button.resizer-option-button{width:auto;height:2.75rem;min-height:2.75rem;padding:.15rem .65rem}.resizer-toolbar .resizer-option-artwork{width:56px;height:36px;display:block;overflow:hidden}.resizer .resizer-toolbar .resizer-icon-button[aria-expanded=true]{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.resizer-popover{z-index:4;width:24rem;max-width:calc(100vw - 3rem);max-height:min(34rem, calc(100dvh - var(--header-height,88px) - 7rem));border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.125rem;position:absolute;top:calc(100% + 1rem);left:0;overflow-y:auto;box-shadow:0 16px 35px #00000029}.resizer-settings-panel,.resizer-settings-panel :is(h2,button,label,input,span,output),.resizer .resizer-settings-panel button{font-weight:400}.resizer-modes,.resizer-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.resizer-modes{margin-bottom:1rem}.resizer .resizer-modes button,.resizer .resizer-presets button{white-space:normal;background:var(--surface);width:100%;min-width:0;padding:.5rem .35rem}.resizer .resizer-settings-panel button[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);background:var(--surface-muted)}.resizer-dimensions label{gap:.4rem;min-width:0;display:grid}.resizer-dimensions input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:2.75rem;color:var(--text);border-radius:.65rem;padding:.5rem .65rem}.resizer-checkbox{cursor:pointer;align-items:center;gap:.55rem;min-height:2.75rem;line-height:1.3;display:flex}.resizer-checkbox input{width:1rem;height:1rem;accent-color:var(--text);flex:none;margin:0}.resizer-pixel-options{gap:.35rem;display:grid}.resizer-pixel-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.resizer-pixel-toggles .resizer-checkbox{overflow-wrap:anywhere;gap:.3rem;min-width:0}.resizer-percentage-options{gap:.75rem;display:grid}.resizer-settings-options{min-width:0;display:grid}.resizer-settings-options>fieldset{border:0;grid-area:1/1;align-content:start;min-width:0;margin:0;padding:0}.resizer-settings-options>[aria-hidden=true]{visibility:hidden;pointer-events:none}.resizer-preset-group{gap:.4rem;display:grid}.resizer-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.resizer-slot-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.resizer .resizer-slot-presets button{white-space:nowrap;padding-inline:.1rem}.resizer-percentage-slider{gap:.25rem;display:grid}.resizer-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.resizer-label-row output{text-align:right;min-width:4ch;color:var(--text-muted);font-variant-numeric:tabular-nums}.resizer-percentage-slider input{width:100%;min-height:2rem;accent-color:var(--text);margin:0}.resizer-result-info{font-variant-numeric:tabular-nums;column-gap:.25rem}.resizer-result-info>span{white-space:nowrap}.resizer-settings-overlay{align-items:stretch;overflow:hidden}.resizer-settings-overlay .resizer-settings-panel{flex-direction:column;min-height:0;margin:0;display:flex}.resizer-settings-overlay .resizer-settings-panel>:is(h2,.resizer-modes,.resizer-settings-actions){flex-shrink:0}.resizer-settings-overlay .resizer-settings-options{overscroll-behavior:contain;min-height:0;margin:-4px;padding:4px;overflow-y:auto}@container resizer-card (width<=220px){.resizer-modes{gap:.35rem}.resizer .resizer-modes button{font-size:.85rem}.resizer-presets{gap:.25rem}.resizer .resizer-presets button{padding-inline:.1rem;font-size:.85rem}.resizer-dimensions{gap:.35rem}}@media (width<=900px){.resizer-toolbar-option{position:static}.resizer-popover{max-width:calc(100% - 1.2rem);top:calc(100% + .4rem);left:.6rem}}@media (width<=640px){.resizer-toolbar-divider{margin-inline:.05rem}.resizer-popover{max-width:calc(100% - .8rem);left:.4rem}}.resizer[data-resizer-workspace]{--resizer-entry-height:290px;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0;display:block}.resizer[data-resizer-workspace] .resizer-intro{margin-bottom:18px}.resizer[data-resizer-workspace] .resizer-intro h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:550;line-height:1.2}.resizer[data-resizer-workspace] .resizer-intro>p{color:var(--text-muted);margin:6px 0 0;font-size:15px;line-height:22px}.resizer[data-resizer-workspace] .resizer-entry{border-radius:16px;width:100%;margin:0;padding:16px}.resizer[data-resizer-workspace] .resizer-dropzone{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:12px;display:flex}.resizer[data-resizer-workspace] .resizer-upload-icon{flex:none;align-self:center;width:70px;height:70px;margin:0 0 26px}.resizer[data-resizer-workspace] .resizer-dropzone .resizer-primary{border-radius:10px;flex:none;width:232px;min-height:54px;padding:15px 24px;font-size:19px;font-weight:550;line-height:22px}.resizer[data-resizer-workspace] .resizer-upload-copy{align-self:center;gap:14px;margin-top:23px}.resizer[data-resizer-workspace] .resizer-drop-prompt{font-size:17px;font-weight:450;line-height:23px}.resizer[data-resizer-workspace] .resizer-dropzone small{color:var(--text-muted);opacity:1;font-size:16px;font-weight:400;line-height:22px}.resizer[data-resizer-workspace] .images-entry-processing{border-radius:12px;min-height:290px;padding:16px}.resizer[data-resizer-workspace] .resizer-entry .images-entry-progress span{animation-duration:1s}.resizer-inline-guide{width:100%;min-width:0;color:var(--text);margin-block:72px 0}.resizer-inline-guide>h2{letter-spacing:-.025em;margin:0 0 28px;font-size:28px;font-weight:550;line-height:1.2}@media (width<=800px){.resizer[data-resizer-workspace] .resizer-intro h1{font-size:28px}}.resizer[data-resizer-workspace] .resizer-working{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:10px}.resizer[data-resizer-workspace] .resizer-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;margin-bottom:8px;padding:.6rem;display:grid;container:resizer-toolbar/inline-size}.resizer[data-resizer-workspace] .resizer-toolbar-tools{flex-wrap:wrap;grid-area:1/1;justify-self:start;align-items:center;gap:.4rem;width:max-content;min-width:0;max-width:100%;display:flex}.resizer[data-resizer-workspace] .resizer-toolbar-options{flex-wrap:nowrap;flex:none;gap:.4rem}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-add{gap:.4rem;height:44px;min-height:44px;padding:.15rem .65rem}.resizer[data-resizer-workspace] .resizer-toolbar-actions{flex-wrap:wrap;grid-area:1/2;justify-self:end;gap:.4rem;width:auto;max-width:100%;margin:0}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-icon-button{width:auto;height:44px;min-height:44px;padding:.15rem .65rem;position:relative}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-clear-button{margin:0}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-icon-button.resizer-option-button,.resizer[data-resizer-workspace] .resizer-toolbar .resizer-icon-button.resizer-option-button:hover:not(:disabled),.resizer[data-resizer-workspace] .resizer-toolbar .resizer-icon-button.resizer-option-button:is([aria-expanded=true],[aria-pressed=true]){box-shadow:none;background:0 0;border-color:#0000}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-option-button.resizer-option-button--labeled{flex-direction:column;gap:0;height:60px;min-height:44px}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-option-button:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:8px;position:absolute;inset:3px 5px}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-option-button:hover:not(:disabled):before{background:var(--surface-muted)}.resizer[data-resizer-workspace] .resizer-toolbar .resizer-option-button:is([aria-expanded=true],[aria-pressed=true]):before{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.resizer[data-resizer-workspace] .resizer-toolbar :is(.resizer-option-artwork,.resizer-toolbar-artwork){flex:none;width:56px;height:36px;display:block;position:relative;overflow:hidden}.resizer[data-resizer-workspace] .resizer-tool-label{white-space:nowrap;pointer-events:none;font-size:12px;font-weight:400;line-height:16px;position:relative}.resizer[data-resizer-workspace] .resizer-toolbar-separated{position:relative}.resizer[data-resizer-workspace] .resizer-toolbar-separated:after{content:"";border-left:1px solid var(--border);pointer-events:none;height:42px;position:absolute;top:50%;left:calc(1px - .2rem);transform:translateY(-50%)}.resizer[data-resizer-workspace] .resizer-grid{position:relative}.resizer[data-resizer-workspace] .resizer-grid.is-sorting{overflow:clip}.resizer[data-resizer-workspace] .is-sorting .resizer-card{z-index:1}.resizer[data-resizer-workspace] .resizer-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.resizer[data-resizer-workspace] .resizer-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.resizer[data-resizer-workspace] .resizer-sort-space{visibility:hidden;pointer-events:none}.resizer[data-resizer-workspace] .resizer-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}.resizer[data-resizer-workspace] .resizer-result{grid-template-rows:minmax(44px,auto)}.resizer[data-resizer-workspace] .resizer-result-info>span{white-space:normal;overflow-wrap:anywhere;min-width:0}.resizer[data-resizer-workspace] .resizer-workspace-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:0;min-width:0;min-height:340px;transition:grid-template-columns .2s,gap .2s;display:grid}.resizer[data-resizer-workspace] .resizer-workspace-body[data-options-open=true]{grid-template-columns:minmax(0,1fr) 280px;gap:8px}.resizer[data-resizer-workspace] .resizer-gallery{overscroll-behavior-y:auto;grid-area:1/1;min-width:0;min-height:0;overflow:hidden auto}.resizer[data-resizer-workspace] .resizer-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.resizer[data-resizer-workspace] .resizer-card-number{z-index:1;color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none;font-size:13.6px;font-weight:400;line-height:1.5;position:absolute;top:12px;left:16px}.resizer[data-resizer-workspace] .resizer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-content:start;gap:16px}.resizer[data-resizer-workspace] .resizer-side-panel-shell{grid-area:1/2;min-width:0;min-height:0;overflow:hidden}.resizer[data-resizer-workspace] .resizer-side-panel{border:1px solid var(--border);background:var(--surface);overscroll-behavior:auto;border-radius:12px;flex-direction:column;gap:16px;width:280px;height:100%;min-height:0;padding:14px;font-weight:400;display:flex;overflow-y:auto}.resizer[data-resizer-workspace] .resizer-side-panel>h2{font:inherit;margin:0;font-weight:400}.resizer[data-resizer-workspace] .resizer-side-panel .resizer-settings-panel{width:100%;max-width:none;margin:0}.resizer[data-resizer-workspace] .resizer-side-panel .resizer-pixel-toggles{grid-template-columns:minmax(0,1fr)}@container resizer-toolbar (width<=1000px){.resizer[data-resizer-workspace] .resizer-toolbar-tools{grid-area:1/1/auto/-1}.resizer[data-resizer-workspace] .resizer-toolbar-actions{grid-area:2/1/auto/-1}}@media (width<=700px){.resizer[data-resizer-workspace] .resizer-workspace-body,.resizer[data-resizer-workspace] .resizer-workspace-body[data-options-open=true]{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);transition:none;height:auto!important}.resizer[data-resizer-workspace] .resizer-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}.resizer[data-resizer-workspace] .resizer-side-panel-shell{grid-area:2/1;height:0}.resizer[data-resizer-workspace] .resizer-workspace-body[data-options-open=true] .resizer-side-panel-shell{height:auto}.resizer[data-resizer-workspace] .resizer-side-panel{width:100%;height:auto;overflow:visible}}@media (width<=640px){.resizer[data-resizer-workspace] .resizer-toolbar{gap:.2rem;padding:.4rem}.resizer[data-resizer-workspace] .resizer-toolbar-actions{gap:.2rem}}@media (prefers-reduced-motion:reduce){.resizer[data-resizer-workspace] .resizer-workspace-body{transition:none}}@media (width<=600px){.resizer[data-resizer-workspace] .resizer-result{grid-template-rows:minmax(44px,auto);grid-template-columns:minmax(0,1fr) 132px}.resizer[data-resizer-workspace] .resizer-result-info{display:flex}.resizer[data-resizer-workspace] .resizer-result-actions{grid-area:1/2;grid-template-columns:repeat(3,44px)}.resizer[data-resizer-workspace] .resizer-result-actions .resizer-card-icon{width:44px;height:44px;min-height:44px}}.resizer[data-resizer-workspace] .resizer-compact-controls{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.resizer[data-resizer-workspace] .resizer-compact-heading{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.resizer[data-resizer-workspace] .resizer-compact-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.3}.resizer[data-resizer-workspace] .resizer-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.resizer[data-resizer-workspace] .resizer-compact-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.resizer[data-resizer-workspace] .resizer-compact-actions>.resizer-compact-add{margin-inline-end:auto}.resizer[data-resizer-workspace] .resizer-compact-actions button{background:0 0;border-color:#0000;min-height:44px;padding:8px}.resizer[data-resizer-workspace] .resizer-compact-actions .uit-primary-action{background:var(--text);color:var(--bg)}.resizer[data-resizer-workspace] .resizer-compact-secondary{align-items:center;gap:4px;display:flex}.resizer[data-resizer-workspace] .resizer-compact-secondary>button{width:44px;padding:0}.resizer[data-resizer-workspace] .resizer-compact-secondary .resizer-option-artwork{flex:none;width:56px;height:36px}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-workspace-body,.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-workspace-body[data-options-open=true]{min-height:0;transition:none;display:block}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-result{flex-direction:column;align-items:stretch;gap:12px;display:flex}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-result-info{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-result-size{white-space:normal;flex-wrap:wrap;gap:4px;display:flex}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-result-actions{border-top:1px solid var(--border);justify-content:flex-end;min-height:50px;padding-top:6px;display:flex}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-card-remove{width:44px;height:44px;min-height:44px;position:static}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.resizer[data-resizer-workspace][data-layout=tablet] .resizer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.resizer[data-resizer-workspace][data-layout=tablet] .resizer-card{flex-direction:column;display:flex}.resizer[data-resizer-workspace][data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.resizer[data-resizer-workspace][data-layout=tablet] .resizer-preview{flex:none;height:156px;padding:0 16px 12px}.resizer[data-resizer-workspace][data-layout=tablet] .resizer-card-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.resizer[data-resizer-workspace][data-layout=tablet] .resizer-result,.resizer[data-resizer-workspace][data-layout=tablet] .resizer-file-details{flex:1}.resizer[data-resizer-workspace][data-layout=mobile]{--resizer-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-working{background:0 0;border:0;border-radius:0;padding:0}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-compact-controls{margin-bottom:12px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-file-toolbar{grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;display:grid}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-file-toolbar>.resizer-compact-add{margin:0;padding-inline:8px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-clear{width:44px;padding:0}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-clear .resizer-option-artwork{flex:none;width:56px;height:36px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-card{grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--resizer-dock-height) + 12px);display:grid}.resizer[data-resizer-workspace][data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-preview img{object-fit:cover;object-position:center;border-radius:0}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-card-caption,.resizer[data-resizer-workspace][data-layout=mobile] .resizer-result{display:contents}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-file-info{flex-direction:column;grid-area:2/2;align-self:start;gap:6px;min-width:0;display:flex}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-mobile-file-info>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-file-details{margin:0}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-result-actions{grid-area:3/1/auto/-1;margin-top:12px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-card-caption>p{grid-column:1/-1}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-result-size>span{white-space:normal;overflow-wrap:anywhere}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-card.is-settings-open{min-height:352px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-working>.resizer-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-download-action .uit-primary-slot{height:auto;min-height:44px;max-height:none}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-download-action .uit-primary-slot{width:100%;min-width:0;max-width:none}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-download-action .uit-primary-action{width:100%;height:auto;min-height:44px}.resizer[data-resizer-workspace] .resizer-compact-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.resizer[data-resizer-workspace] .resizer-compact-modes button{white-space:normal;min-width:0;min-height:44px;padding:8px;font-weight:400}.resizer[data-resizer-workspace] .resizer-compact-modes button[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);background:var(--surface-muted)}.resizer[data-resizer-workspace] .resizer-settings-panel--inline{max-width:none;margin:0}.resizer[data-resizer-workspace] .resizer-settings-panel--inline .resizer-percentage-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resizer[data-resizer-workspace] .resizer-settings-panel--inline .resizer-percentage-slider{grid-column:1/-1}.resizer[data-resizer-workspace] .resizer-settings-panel--inline .resizer-presets{gap:4px}.resizer[data-resizer-workspace] .resizer-settings-panel--inline .resizer-percentage-slider input{min-height:44px}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-card .resizer-card-icon{width:44px;height:44px;min-height:44px}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-file-details{min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;font-size:13.6px;line-height:1.4;display:flex}.resizer[data-resizer-workspace]:not([data-layout=desktop]) .resizer-file-details>span{overflow-wrap:anywhere}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-settings-overlay{padding:12px}.resizer[data-resizer-workspace][data-layout=mobile] .resizer-settings-panel--inline .resizer-pixel-toggles{grid-template-columns:minmax(0,1fr);gap:0}@media (width<=360px){.resizer[data-resizer-workspace] .resizer-settings-panel--inline .resizer-percentage-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}.image-crop{width:100%;min-width:0}.image-crop .uit-type1-body{transition:grid-template-columns var(--uit-motion) ease, gap var(--uit-motion) ease}.image-crop.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.crop-entry.is-opening .uit-ready-content{visibility:hidden}.crop-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-crop .crop-entry .images-entry-progress span{animation-duration:1s}.image-crop .crop-processing{border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:16px}.crop-choices,.crop-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10.4px;display:grid}.crop-choices--shapes{grid-template-columns:1fr}.crop-numbers label{gap:8px;min-width:0;font-size:14px;display:grid}.crop-size-dimensions{gap:24px;margin-top:8px;display:grid}.crop-ratio-action{gap:var(--uit-option-gap);display:grid}.crop-current-ratio{text-align:left;margin:0;font-size:14px}.crop-numbers input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:9.6px;padding:8px 10px;font-size:16px;font-weight:400}.crop-lasso-hint{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.crop-error{overflow-wrap:anywhere;margin:12px 0 0;font-size:15px;line-height:1.4}.crop-editor-frame,.crop-editor{width:100%;min-width:0;height:100%}.crop-editor-frame{position:relative}.crop-editor-frame[data-applied=true] .crop-editor{visibility:hidden}.crop-result{object-fit:contain;visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.crop-editor-frame[data-applied=true] .crop-result{visibility:visible}.crop-editor{touch-action:none;overflow:hidden}.crop-editor[data-move-only=true] cropper-selection>cropper-handle[action$=-resize]{display:none}.crop-editor:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.crop-editor cropper-canvas{width:100%;height:100%;display:block}.crop-circle-guide{pointer-events:none;border-radius:50%;outline:1px solid #39f;position:absolute;box-shadow:0 0 0 10000px #000000a6}.crop-lasso-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crop-editor[data-shape=lasso] cropper-canvas,.crop-editor[data-shape=lasso] cropper-canvas>cropper-handle{cursor:inherit}.crop-editor[data-shape=circle] cropper-selection>cropper-grid,.crop-editor[data-shape=circle] cropper-selection>cropper-handle[action=move]{clip-path:circle(50%)}.crop-editor[data-shape=circle] cropper-selection>cropper-handle[action$=-resize]{left:var(--circle-handle-x);top:var(--circle-handle-y);width:24px;height:24px;bottom:auto;right:auto;transform:translate(-50%,-50%)}@media (width<=640px){.image-crop .uit-toolbar-actions{gap:3.2px}}@media (width<=800px){.image-crop .uit-type1-body{transition:none}.image-crop[data-layout=desktop] .uit-type1-body[data-options-open=false] .uit-type1-options{height:0}}@media (prefers-reduced-motion:reduce){.image-crop .uit-type1-body{transition:none}}.crop-intro-row{display:contents}.crop-options-content>.uit-options{width:100%;height:100%}.image-crop:is([data-layout=mobile],[data-layout=tablet])[data-working=true] .crop-intro-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.image-crop:is([data-layout=mobile],[data-layout=tablet])[data-working=true] .uit-intro{min-width:0;margin:0}.image-crop:is([data-layout=mobile],[data-layout=tablet])[data-working=true] .uit-intro p{display:none}.image-crop[data-layout=mobile][data-working=true] .uit-intro h1{margin:0;font-size:24px}.image-crop .crop-history{flex-shrink:0;gap:2px;display:flex}.image-crop .crop-history .uit-tool-wrap{width:44px}.image-crop .crop-history .uit-tool-button{width:44px;height:44px;padding:0}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1{flex-direction:column;gap:16px;padding:16px;display:flex}.image-crop .crop-touch-tools{align-items:center;gap:8px;min-width:0;padding-block:3px;display:flex;overflow-x:auto}.image-crop .crop-touch-tools .uit-tool-button{flex-direction:row;gap:2px;height:48px;min-height:48px;padding:4px 12px}.image-crop .crop-touch-tools .uit-tool-button:before{inset:0}.image-crop .crop-touch-tools .uit-tool-artwork{margin-inline:-10px}.image-crop .crop-touch-tools .uit-tool-label{font-size:16px;line-height:22px}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-body{--uit-preview-reserve:0px;flex-direction:column;gap:0;margin:0;transition:none;display:flex}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-preview-stage{height:auto;aspect-ratio:var(--crop-image-ratio);border:0;border-radius:10px;width:100%;min-height:0;max-height:min(60dvh,640px)}.image-crop[data-layout=mobile] .uit-preview-stage{max-height:50dvh}.crop-editor[data-touch-layout=true],.crop-editor[data-touch-layout=true] cropper-canvas{touch-action:pan-y}.crop-editor[data-touch-layout=true] cropper-canvas{min-width:0;min-height:0}.crop-editor[data-touch-layout=true] cropper-handle,.crop-editor[data-touch-layout=true][data-shape=lasso],.crop-editor[data-touch-layout=true][data-shape=lasso] cropper-canvas{touch-action:none}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle[action$=-resize]{width:44px;height:44px}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=n-resize],[action=s-resize]){width:100%}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=e-resize],[action=w-resize]){height:100%}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=n-resize],[action=ne-resize],[action=nw-resize]){top:-22px}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=s-resize],[action=se-resize],[action=sw-resize]){bottom:-22px}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=e-resize],[action=ne-resize],[action=se-resize]){right:-22px}.crop-editor[data-touch-layout=true][data-shape=rectangle] cropper-handle:is([action=w-resize],[action=nw-resize],[action=sw-resize]){left:-22px}.crop-editor[data-touch-layout=true][data-shape=circle] cropper-handle[action$=-resize]{width:44px;height:44px}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-options{order:-1;grid-template-rows:0fr;height:auto;margin-bottom:0;transition:grid-template-rows .2s,margin-bottom .2s;display:grid}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-body[data-options-open=true] .uit-type1-options{grid-template-rows:1fr;margin-bottom:16px}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-options>.crop-options-content{width:100%;height:auto;min-height:0;overflow:hidden}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-options{background:var(--surface-muted);border:0;height:auto;overflow:visible}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .crop-choices{grid-template-columns:repeat(6,minmax(0,1fr))}.image-crop:is([data-layout=mobile],[data-layout=tablet]) .crop-choices--shapes,.image-crop[data-layout=mobile] .crop-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.image-crop .crop-touch-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:flex-end;gap:8px;width:min(100%,520px);display:grid}.image-crop[data-layout=mobile] .crop-touch-actions{width:100%}.image-crop .crop-touch-actions>.uit-tool-wrap{min-width:0;display:flex}.image-crop .crop-touch-actions .uit-tool-button{border:1px solid var(--border);border-radius:10px;flex-direction:row;gap:2px;width:100%;height:auto;min-height:48px;padding:5px 10px}.image-crop .crop-touch-actions .uit-tool-artwork{margin-inline:-10px}.image-crop .crop-touch-actions .uit-tool-label{white-space:normal;overflow-wrap:anywhere;font-size:16px;font-weight:400;line-height:22px}.image-crop .crop-touch-actions .uit-primary-action{white-space:normal;overflow-wrap:anywhere;border-radius:10px;grid-area:auto;width:100%;height:auto;min-height:48px;padding:8px 12px;font-size:16px;font-weight:600;line-height:22px}body:has(.image-crop:is([data-layout=mobile],[data-layout=tablet])){flex-direction:column;min-height:100dvh;display:flex}body:has(.image-crop:is([data-layout=mobile],[data-layout=tablet]))>header{flex-shrink:0}body:has(.image-crop:is([data-layout=mobile],[data-layout=tablet]))>#main-content{flex-direction:column;flex:1;min-height:0;display:flex}.tool-collection:has(.image-crop:is([data-layout=mobile],[data-layout=tablet])){flex-direction:column;flex:1;min-width:0;display:flex}.tool-collection:has(.image-crop:is([data-layout=mobile],[data-layout=tablet])):after{content:"";flex:0 0 24px}.tool-collection:has(.image-crop:is([data-layout=mobile],[data-layout=tablet]))>.unified-footer{order:1;margin-top:auto}@media (prefers-reduced-motion:reduce){.image-crop:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-options{transition:none}}.crop-editor[data-viewport-enabled=true],.crop-editor[data-viewport-enabled=true] cropper-canvas{touch-action:none}.crop-zoom-tool{flex-shrink:0;margin-left:auto}.crop-zoom-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10.4px;display:grid}@media (width<=374px){.image-crop[data-layout=mobile] .crop-touch-tools{gap:2px}.image-crop[data-layout=mobile] .crop-touch-tools .uit-tool-button{padding-inline:3.2px}}.upscaler-compare-viewport .upscaler-compare-frame[data-responsive=true]{touch-action:pan-y;cursor:default;overflow:hidden}.upscaler-compare-frame[data-responsive=true] .upscaler-compare-layer{background:0 0}.upscaler-compare-frame[data-responsive=true] .upscaler-compare-layer img{transform-origin:50%;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0/16px 16px}.upscaler-compare-frame[data-responsive=true] .upscaler-detail-image{max-width:none}.upscaler-compare-frame[data-responsive=true] .upscaler-compare-divider>span{pointer-events:auto;touch-action:pan-y;cursor:ew-resize}.upscaler-compare-frame[data-disabled=true] .upscaler-compare-divider>span{cursor:default}.upscaler-compare-layer .upscaler-detail-image[hidden]{display:none}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}.image-upscaler{width:100%;min-width:0}.image-upscaler.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.upscaler-entry.is-opening .uit-ready-content{visibility:hidden}.image-upscaler .upscaler-entry .images-entry-progress span{animation-duration:1s}.upscaler-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.upscaler-preview-image{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0/16px 16px}.image-upscaler .upscaler-processing{isolation:isolate;border:0;border-radius:0;place-items:center;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.upscaler-processing-content{flex-direction:column;align-items:center;gap:16px;display:flex}.upscaler-processing-content .images-entry-progress{width:min(240px,60vw)}.upscaler-error{overflow-wrap:anywhere;margin:12px 0 0;font-size:15px;line-height:1.4}.upscaler-compare-viewport{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex}.upscaler-compare-frame{touch-action:none;user-select:none;cursor:ew-resize;width:100%;height:100%;position:relative}.upscaler-compare-frame[data-comparing=false]{touch-action:auto;cursor:default}.upscaler-compare-frame:focus-visible{outline:2px solid var(--text);outline-offset:4px}.upscaler-compare-layer{pointer-events:none;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0 0/16px 16px;position:absolute;inset:0;overflow:hidden}.upscaler-compare-layer img{object-fit:fill;width:100%;height:100%;display:block}.upscaler-compare-label{color:#fff;background:#161616c9;border-radius:.6rem;padding:.35rem .65rem;font-size:.95rem;position:absolute;top:.75rem;left:.75rem}.upscaler-compare-label--after{left:auto;right:.75rem}.upscaler-compare-divider{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 3px #0006}.upscaler-compare-divider>span{color:#222;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}@media (width<=640px){.image-upscaler .uit-toolbar-actions{gap:3.2px}}.image-upscaler:is([data-layout=mobile],[data-layout=tablet]) .uit-type1{flex-direction:column;gap:16px;padding:16px;display:flex}.image-upscaler:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-body{--uit-preview-reserve:0px;grid-template-columns:minmax(0,1fr);margin:0}.image-upscaler:is([data-layout=mobile],[data-layout=tablet]) .uit-type1-options{display:none}.image-upscaler:is([data-layout=mobile],[data-layout=tablet]) .uit-preview-stage{width:100%;height:auto;aspect-ratio:var(--upscaler-image-ratio);max-height:min(64dvh,640px)}.image-upscaler[data-layout=mobile] .uit-preview-stage{max-height:min(60dvh,560px)}.image-upscaler .upscaler-zoom-controls{justify-content:flex-end;gap:8px;display:flex}.image-upscaler .upscaler-zoom-controls .uit-option-button{min-width:44px;min-height:44px}.image-upscaler .upscaler-touch-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:flex-end;gap:8px;width:min(100%,520px);display:grid}.image-upscaler[data-layout=mobile] .upscaler-touch-actions{width:100%}.image-upscaler .upscaler-touch-actions>.uit-tool-wrap{min-width:0;display:flex}.image-upscaler .upscaler-touch-actions .uit-tool-button{border:1px solid var(--border);border-radius:10px;flex-direction:row;gap:2px;width:100%;height:auto;min-height:48px;padding:5px 10px}.image-upscaler .upscaler-touch-actions .uit-tool-artwork{margin-inline:-10px}.image-upscaler .upscaler-touch-actions .uit-tool-label{white-space:normal;overflow-wrap:anywhere;font-size:16px;font-weight:400;line-height:22px}.image-upscaler .upscaler-touch-actions .uit-primary-action{white-space:normal;overflow-wrap:anywhere;border-radius:10px;grid-area:auto;width:100%;height:auto;min-height:48px;padding:8px 12px;font-size:16px;font-weight:600;line-height:22px}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}.image-to-pdf{width:100%;min-width:0}.image-pdf-entry.is-opening .uit-ready-content{visibility:hidden}.image-pdf-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-pdf-opening{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-pdf-opening .images-entry-processing-image{z-index:-1;object-fit:contain;filter:blur(8px);opacity:.25;width:100%;height:100%;position:absolute}.image-pdf-opening-content{flex-direction:column;align-items:center;gap:16px;display:flex}.image-pdf-opening-content .images-entry-progress{width:min(240px,60vw)}.image-pdf-entry .images-entry-progress span{animation-duration:1s}.image-to-pdf.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.image-pdf-option-fields{border:0;min-width:0;margin:0;padding:0}.image-pdf-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.image-pdf-modes .uit-option-button{padding-inline:4px}.image-pdf-modes--pages{grid-template-columns:repeat(2,minmax(0,1fr))}.image-pdf-modes--pages>:first-child{grid-column:1/-1}.image-pdf-size{gap:12px;min-width:0;display:grid}.image-pdf-size output{text-align:right;font-variant-numeric:tabular-nums}.image-pdf-size input{width:100%;min-width:0;min-height:32px;accent-color:var(--text);margin:0}.image-pdf-positions{grid-template-columns:repeat(3,44px);justify-content:center;gap:8px;display:grid}.image-pdf-positions .uit-option-button{padding:0;font-size:20px}.image-to-pdf .image-pdf-card-select{width:100%;height:100%;color:var(--text);cursor:inherit;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.image-pdf-card.is-selected{box-shadow:inset 0 0 0 1px var(--text)}.image-pdf-card.is-processing .image-pdf-card-select{opacity:.55}.image-pdf-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite image-pdf-active-border;position:absolute;inset:0}@keyframes image-pdf-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.image-pdf-card.is-processing:after{animation:none}}.image-pdf-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.image-pdf-page-slot{place-items:center;width:100%;height:100%;display:grid;container-type:size}.image-pdf-paper{background:#fff;position:relative;overflow:hidden}.image-pdf-placed-image{position:absolute}.image-to-pdf .uit-file-remove .uit-card-action{min-height:24px}:root[data-theme=light] .image-pdf-paper{background:var(--surface-raised)}.image-to-pdf .image-pdf-paper img{object-fit:contain;max-width:none;max-height:none;display:block;position:absolute}.image-pdf-error{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.image-pdf-card>.image-pdf-error{margin:0;padding:0 16px 14px}.image-pdf-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(352px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font:inherit;border-radius:20px;margin:auto;padding:28px}.image-pdf-clear-dialog::backdrop{background:#0000008c}.image-pdf-clear-dialog h2{text-align:center;margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.3}.image-pdf-clear-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-pdf-clear-actions .uit-option-button{font-weight:600}.image-to-pdf .image-pdf-dialog-close{width:24px;min-width:24px;height:24px;position:absolute;top:9.6px;right:9.6px}.image-to-pdf .image-pdf-dialog-close svg{width:18px;height:18px}.image-pdf-dimensions{flex-wrap:wrap;column-gap:3px;display:flex}.image-pdf-dimensions>span{white-space:nowrap}.image-pdf-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-to-pdf .uit-gallery{overflow:hidden auto}.image-to-pdf .uit-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.image-pdf-grid{position:relative}.image-pdf-grid:empty{min-height:340px}.image-pdf-grid.is-sorting{overflow:clip}.image-pdf-grid.is-sorting .image-pdf-card{z-index:1}.image-pdf-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.image-pdf-grid .image-pdf-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.image-pdf-sort-space{visibility:hidden;pointer-events:none}.image-pdf-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:16px;margin:0;padding:0;position:absolute}@media (width<=640px){.image-to-pdf .uit-toolbar-actions{gap:3.2px}}.image-to-pdf .image-pdf-compact-controls{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.image-to-pdf .image-pdf-compact-heading{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.image-to-pdf .image-pdf-compact-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.3}.image-to-pdf .image-pdf-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.image-to-pdf .image-pdf-compact-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}.image-to-pdf .image-pdf-compact-option{gap:6px;min-width:0;font-size:14px;line-height:20px;display:grid}.image-to-pdf .image-pdf-compact-option select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:9.6px;margin:0;padding:8px;font-size:16px;font-weight:400}.image-to-pdf .image-pdf-compact-size{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-width:0;font-size:14px;line-height:20px;display:grid}.image-to-pdf .image-pdf-compact-size output{font-variant-numeric:tabular-nums}.image-to-pdf .image-pdf-compact-size>span{grid-column:1/-1;justify-content:space-between;gap:12px;display:flex}.image-to-pdf .image-pdf-compact-size input{width:100%;min-width:0;min-height:44px;accent-color:var(--text);grid-column:1/-1;margin:0}.image-to-pdf .image-pdf-compact-options :disabled{opacity:.45;cursor:not-allowed}.image-to-pdf .image-pdf-compact-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-to-pdf .image-pdf-compact-add{min-width:0;min-height:44px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;gap:6px;margin-inline-end:auto;padding:8px;display:inline-flex}.image-to-pdf .image-pdf-compact-secondary{align-items:center;gap:4px;display:flex}.image-to-pdf .image-pdf-compact-actions .uit-tool-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.image-to-pdf:not([data-layout=desktop]) .uit-type2-body{min-height:0;margin-top:0;transition:none;display:block}.image-to-pdf:not([data-layout=desktop]) .uit-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.image-to-pdf:not([data-layout=desktop]) .image-pdf-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.image-to-pdf:not([data-layout=desktop]) .uit-file-result{flex-direction:column;align-items:stretch;gap:12px;display:flex}.image-to-pdf:not([data-layout=desktop]) .uit-file-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;padding-top:6px;display:flex}.image-to-pdf:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.image-to-pdf:not([data-layout=desktop]) .uit-primary-slot{grid-template-rows:minmax(44px,auto);height:auto;min-height:44px;max-height:none}.image-to-pdf:not([data-layout=desktop]) .uit-primary-action{height:auto;min-height:44px}.image-to-pdf[data-layout=tablet] .image-pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.image-to-pdf[data-layout=tablet] .image-pdf-card{flex-direction:column;display:flex}.image-to-pdf[data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.image-to-pdf[data-layout=tablet] .uit-file-thumbnail{flex:none;height:156px;padding:0 16px 12px}.image-to-pdf[data-layout=tablet] .uit-file-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.image-to-pdf[data-layout=tablet] .uit-file-result,.image-to-pdf[data-layout=tablet] .uit-file-metadata{flex:1}.image-to-pdf[data-layout=mobile]{--image-pdf-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.image-to-pdf[data-layout=mobile] .uit-workspace{background:0 0;border:0;border-radius:0;padding:0}.image-to-pdf[data-layout=mobile] .image-pdf-compact-controls{margin-bottom:12px}.image-to-pdf[data-layout=mobile] .image-pdf-mobile-file-toolbar{grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;display:grid}.image-to-pdf[data-layout=mobile] .image-pdf-mobile-file-toolbar .image-pdf-compact-add{margin:0;padding-inline:8px}.image-to-pdf[data-layout=mobile] .image-pdf-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.image-to-pdf[data-layout=mobile] .image-pdf-card{grid-template-rows:auto minmax(88px,auto) auto;grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--image-pdf-dock-height) + 12px);display:grid}.image-to-pdf[data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.image-to-pdf[data-layout=mobile] .uit-file-thumbnail{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.image-to-pdf[data-layout=mobile] .uit-file-caption,.image-to-pdf[data-layout=mobile] .uit-file-result{display:contents}.image-to-pdf[data-layout=mobile] .uit-file-caption>strong{grid-area:2/2;align-self:start;min-width:0;font-size:16px;font-weight:500;line-height:22px}.image-to-pdf[data-layout=mobile] .uit-file-metadata{overflow-wrap:anywhere;grid-area:2/2;align-self:start;margin-top:28px}.image-to-pdf[data-layout=mobile] .uit-file-actions{grid-area:3/1/auto/-1;margin-top:12px}.image-to-pdf[data-layout=mobile] .image-pdf-card>.image-pdf-error{grid-column:1/-1;padding:8px 0 0}.image-to-pdf[data-layout=mobile] .image-pdf-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.image-to-pdf[data-layout=mobile] .image-pdf-mobile-download-dock .uit-primary-slot{width:100%;min-width:0;max-width:none}.image-to-jpg{width:100%;min-width:0}.image-to-jpg .uit-file-thumbnail>img{width:100%;height:100%}.image-to-jpg .uit-file-remove .uit-card-action{min-height:24px}.image-to-jpg .uit-gallery{overflow:hidden auto}.image-to-jpg .uit-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.image-to-jpg .uit-file-grid:empty{min-height:340px}.image-jpg-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.image-to-jpg.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.image-jpg-entry.is-opening .uit-ready-content{visibility:hidden}.image-jpg-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-jpg-opening{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-jpg-opening .image-jpg-opening-image{z-index:-1;object-fit:contain;filter:blur(8px);opacity:.25;width:100%;height:100%;position:absolute}.image-jpg-opening-content{flex-direction:column;align-items:center;gap:16px;display:flex}.image-jpg-opening-content .images-entry-progress{width:min(240px,60vw)}.image-jpg-opening-content .images-entry-progress span{animation-duration:1s}.image-jpg-card.is-processing .uit-file-thumbnail{opacity:.55}.image-jpg-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite image-jpg-active-border;position:absolute;inset:0}@keyframes image-jpg-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.image-jpg-card.is-processing:after{animation:none}}.image-jpg-card .uit-file-actions{min-width:132px}.image-jpg-rotating-preview{width:100%;height:100%}.image-jpg-result-size{flex-wrap:wrap;column-gap:3px;display:flex}.image-jpg-result-size>span{white-space:nowrap}.image-jpg-size-change{font-weight:600}.image-jpg-error{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.image-jpg-card>.image-jpg-error{margin:0;padding:0 16px 14px}.image-jpg-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(352px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font:inherit;border-radius:20px;margin:auto;padding:28px}.image-jpg-clear-dialog::backdrop{background:#0000008c}.image-jpg-clear-dialog h2{text-align:center;margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.3}.image-jpg-clear-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-jpg-clear-actions .uit-option-button{font-weight:600}.image-to-jpg .image-jpg-dialog-close{width:24px;min-width:24px;height:24px;position:absolute;top:9.6px;right:9.6px}.image-to-jpg .image-jpg-dialog-close svg{width:18px;height:18px}.image-to-jpg .uit-file-grid{position:relative}.image-to-jpg .uit-file-grid.is-sorting{overflow:clip}.image-to-jpg .is-sorting .image-jpg-card{z-index:1}.image-to-jpg .image-jpg-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.image-to-jpg .image-jpg-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.image-to-jpg .image-jpg-sort-space{visibility:hidden;pointer-events:none}.image-to-jpg .image-jpg-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}@media (width<=640px){.image-to-jpg .uit-toolbar-actions{gap:3.2px}}.image-to-jpg .image-jpg-compact-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:14px;display:flex}.image-to-jpg .image-jpg-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;margin-inline-end:auto;font-size:14px}.image-to-jpg .image-jpg-compact-add{min-width:0;min-height:44px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.image-to-jpg:not([data-layout=desktop]) .uit-type2-body{min-height:0;margin-top:0;transition:none;display:block}.image-to-jpg:not([data-layout=desktop]) .uit-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.image-to-jpg:not([data-layout=desktop]) .image-jpg-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.image-to-jpg:not([data-layout=desktop]) .image-jpg-file-info{flex-direction:column;gap:6px;min-width:0;display:flex}.image-to-jpg:not([data-layout=desktop]) .image-jpg-file-info>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.image-to-jpg:not([data-layout=desktop]) .uit-file-metadata{overflow-wrap:anywhere}.image-to-jpg:not([data-layout=desktop]) .uit-file-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;margin-top:12px;padding-top:6px;display:flex}.image-to-jpg:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.image-to-jpg:not([data-layout=desktop]) .uit-primary-slot{grid-template-rows:minmax(44px,auto);height:auto;min-height:44px;max-height:none}.image-to-jpg:not([data-layout=desktop]) .uit-primary-action{height:auto;min-height:44px}.image-to-jpg[data-layout=tablet] .uit-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.image-to-jpg[data-layout=tablet] .image-jpg-card{flex-direction:column;display:flex}.image-to-jpg[data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.image-to-jpg[data-layout=tablet] .uit-file-thumbnail{flex:none;height:156px;padding:0 16px 12px}.image-to-jpg[data-layout=tablet] .uit-file-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.image-to-jpg[data-layout=tablet] .image-jpg-file-info{flex:1}.image-to-jpg[data-layout=mobile]{--image-jpg-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.image-to-jpg[data-layout=mobile] .uit-workspace{background:0 0;border:0;border-radius:0;padding:0}.image-to-jpg[data-layout=mobile] .image-jpg-mobile-file-toolbar{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;padding:0;display:grid}.image-to-jpg[data-layout=mobile] .uit-file-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.image-to-jpg[data-layout=mobile] .image-jpg-card{grid-template-rows:auto minmax(88px,auto) auto;grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--image-jpg-dock-height) + 12px);display:grid}.image-to-jpg[data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.image-to-jpg[data-layout=mobile] .uit-file-thumbnail{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.image-to-jpg[data-layout=mobile] .uit-file-thumbnail img{object-fit:cover;object-position:center}.image-to-jpg[data-layout=mobile] .uit-file-caption{display:contents}.image-to-jpg[data-layout=mobile] .image-jpg-file-info{grid-area:2/2;align-self:start}.image-to-jpg[data-layout=mobile] .image-jpg-result-size>span{white-space:normal;overflow-wrap:anywhere}.image-to-jpg[data-layout=mobile] .uit-file-actions{grid-area:3/1/auto/-1}.image-to-jpg[data-layout=mobile] .image-jpg-card>.image-jpg-error{grid-column:1/-1;padding:8px 0 0}.image-to-jpg[data-layout=mobile] .image-jpg-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.image-to-jpg[data-layout=mobile] .image-jpg-mobile-download-dock .uit-primary-slot{width:100%;min-width:0;max-width:none}.image-to-png{width:100%;min-width:0}.image-to-png .uit-file-thumbnail>img{width:100%;height:100%}.image-to-png .uit-file-remove .uit-card-action{min-height:24px}.image-to-png .uit-gallery{overflow:hidden auto}.image-to-png .uit-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.image-to-png .uit-file-grid:empty{min-height:340px}.image-png-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.image-to-png.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.image-png-entry.is-opening .uit-ready-content{visibility:hidden}.image-png-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-png-opening{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-png-opening .image-png-opening-image{z-index:-1;object-fit:contain;filter:blur(8px);opacity:.25;width:100%;height:100%;position:absolute}.image-png-opening-content{flex-direction:column;align-items:center;gap:16px;display:flex}.image-png-opening-content .images-entry-progress{width:min(240px,60vw)}.image-png-opening-content .images-entry-progress span{animation-duration:1s}.image-png-card.is-processing .uit-file-thumbnail{opacity:.55}.image-png-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite image-png-active-border;position:absolute;inset:0}@keyframes image-png-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.image-png-card.is-processing:after{animation:none}}.image-png-card .uit-file-actions{min-width:132px}.image-png-rotating-preview{width:100%;height:100%}.image-png-result-size{flex-wrap:wrap;column-gap:3px;display:flex}.image-png-result-size>span{white-space:nowrap}.image-png-size-change{font-weight:600}.image-png-error{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.image-png-card>.image-png-error{margin:0;padding:0 16px 14px}.image-png-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(352px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font:inherit;border-radius:20px;margin:auto;padding:28px}.image-png-clear-dialog::backdrop{background:#0000008c}.image-png-clear-dialog h2{text-align:center;margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.3}.image-png-clear-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-png-clear-actions .uit-option-button{font-weight:600}.image-to-png .image-png-dialog-close{width:24px;min-width:24px;height:24px;position:absolute;top:9.6px;right:9.6px}.image-to-png .image-png-dialog-close svg{width:18px;height:18px}.image-to-png .uit-file-grid{position:relative}.image-to-png .uit-file-grid.is-sorting{overflow:clip}.image-to-png .is-sorting .image-png-card{z-index:1}.image-to-png .image-png-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.image-to-png .image-png-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.image-to-png .image-png-sort-space{visibility:hidden;pointer-events:none}.image-to-png .image-png-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}@media (width<=640px){.image-to-png .uit-toolbar-actions{gap:3.2px}}.image-to-png .image-png-compact-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:14px;display:flex}.image-to-png .image-png-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;margin-inline-end:auto;font-size:14px}.image-to-png .image-png-compact-add{min-width:0;min-height:44px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.image-to-png:not([data-layout=desktop]) .uit-type2-body{min-height:0;margin-top:0;transition:none;display:block}.image-to-png:not([data-layout=desktop]) .uit-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.image-to-png:not([data-layout=desktop]) .image-png-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.image-to-png:not([data-layout=desktop]) .image-png-file-info{flex-direction:column;gap:6px;min-width:0;display:flex}.image-to-png:not([data-layout=desktop]) .image-png-file-info>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.image-to-png:not([data-layout=desktop]) .uit-file-metadata{overflow-wrap:anywhere}.image-to-png:not([data-layout=desktop]) .uit-file-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;margin-top:12px;padding-top:6px;display:flex}.image-to-png:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.image-to-png:not([data-layout=desktop]) .uit-primary-slot{grid-template-rows:minmax(44px,auto);height:auto;min-height:44px;max-height:none}.image-to-png:not([data-layout=desktop]) .uit-primary-action{height:auto;min-height:44px}.image-to-png[data-layout=tablet] .uit-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.image-to-png[data-layout=tablet] .image-png-card{flex-direction:column;display:flex}.image-to-png[data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.image-to-png[data-layout=tablet] .uit-file-thumbnail{flex:none;height:156px;padding:0 16px 12px}.image-to-png[data-layout=tablet] .uit-file-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.image-to-png[data-layout=tablet] .image-png-file-info{flex:1}.image-to-png[data-layout=mobile]{--image-png-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.image-to-png[data-layout=mobile] .uit-workspace{background:0 0;border:0;border-radius:0;padding:0}.image-to-png[data-layout=mobile] .image-png-mobile-file-toolbar{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;padding:0;display:grid}.image-to-png[data-layout=mobile] .uit-file-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.image-to-png[data-layout=mobile] .image-png-card{grid-template-rows:auto minmax(88px,auto) auto;grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--image-png-dock-height) + 12px);display:grid}.image-to-png[data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.image-to-png[data-layout=mobile] .uit-file-thumbnail{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.image-to-png[data-layout=mobile] .uit-file-thumbnail img{object-fit:cover;object-position:center}.image-to-png[data-layout=mobile] .uit-file-caption{display:contents}.image-to-png[data-layout=mobile] .image-png-file-info{grid-area:2/2;align-self:start}.image-to-png[data-layout=mobile] .image-png-result-size>span{white-space:normal;overflow-wrap:anywhere}.image-to-png[data-layout=mobile] .uit-file-actions{grid-area:3/1/auto/-1}.image-to-png[data-layout=mobile] .image-png-card>.image-png-error{grid-column:1/-1;padding:8px 0 0}.image-to-png[data-layout=mobile] .image-png-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.image-to-png[data-layout=mobile] .image-png-mobile-download-dock .uit-primary-slot{width:100%;min-width:0;max-width:none}.image-to-webp{width:100%;min-width:0}.image-to-webp .uit-file-thumbnail>img{width:100%;height:100%}.image-to-webp .uit-file-remove .uit-card-action{min-height:24px}.image-to-webp .uit-gallery{overflow:hidden auto}.image-to-webp .uit-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.image-to-webp .uit-file-grid:empty{min-height:340px}.image-webp-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.image-to-webp.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.image-webp-entry.is-opening .uit-ready-content{visibility:hidden}.image-webp-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-webp-opening{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-webp-opening .image-webp-opening-image{z-index:-1;object-fit:contain;filter:blur(8px);opacity:.25;width:100%;height:100%;position:absolute}.image-webp-opening-content{flex-direction:column;align-items:center;gap:16px;display:flex}.image-webp-opening-content .images-entry-progress{width:min(240px,60vw)}.image-webp-opening-content .images-entry-progress span{animation-duration:1s}.image-webp-card.is-processing .uit-file-thumbnail{opacity:.55}.image-webp-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite image-webp-active-border;position:absolute;inset:0}@keyframes image-webp-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.image-webp-card.is-processing:after{animation:none}}.image-webp-card .uit-file-actions{min-width:132px}.image-webp-rotating-preview{width:100%;height:100%}.image-webp-result-size{flex-wrap:wrap;column-gap:3px;display:flex}.image-webp-result-size>span{white-space:nowrap}.image-webp-size-change{font-weight:600}.image-webp-error{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.image-webp-card>.image-webp-error{margin:0;padding:0 16px 14px}.image-webp-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(352px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font:inherit;border-radius:20px;margin:auto;padding:28px}.image-webp-clear-dialog::backdrop{background:#0000008c}.image-webp-clear-dialog h2{text-align:center;margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.3}.image-webp-clear-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-webp-clear-actions .uit-option-button{font-weight:600}.image-to-webp .image-webp-dialog-close{width:24px;min-width:24px;height:24px;position:absolute;top:9.6px;right:9.6px}.image-to-webp .image-webp-dialog-close svg{width:18px;height:18px}.image-to-webp .uit-file-grid{position:relative}.image-to-webp .uit-file-grid.is-sorting{overflow:clip}.image-to-webp .is-sorting .image-webp-card{z-index:1}.image-to-webp .image-webp-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.image-to-webp .image-webp-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.image-to-webp .image-webp-sort-space{visibility:hidden;pointer-events:none}.image-to-webp .image-webp-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}@media (width<=640px){.image-to-webp .uit-toolbar-actions{gap:3.2px}}.image-to-webp .image-webp-compact-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:14px;display:flex}.image-to-webp .image-webp-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;margin-inline-end:auto;font-size:14px}.image-to-webp .image-webp-compact-add{min-width:0;min-height:44px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.image-to-webp:not([data-layout=desktop]) .uit-type2-body{min-height:0;margin-top:0;transition:none;display:block}.image-to-webp:not([data-layout=desktop]) .uit-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.image-to-webp:not([data-layout=desktop]) .image-webp-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.image-to-webp:not([data-layout=desktop]) .image-webp-file-info{flex-direction:column;gap:6px;min-width:0;display:flex}.image-to-webp:not([data-layout=desktop]) .image-webp-file-info>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.image-to-webp:not([data-layout=desktop]) .uit-file-metadata{overflow-wrap:anywhere}.image-to-webp:not([data-layout=desktop]) .uit-file-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;margin-top:12px;padding-top:6px;display:flex}.image-to-webp:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.image-to-webp:not([data-layout=desktop]) .uit-primary-slot{grid-template-rows:minmax(44px,auto);height:auto;min-height:44px;max-height:none}.image-to-webp:not([data-layout=desktop]) .uit-primary-action{height:auto;min-height:44px}.image-to-webp[data-layout=tablet] .uit-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.image-to-webp[data-layout=tablet] .image-webp-card{flex-direction:column;display:flex}.image-to-webp[data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.image-to-webp[data-layout=tablet] .uit-file-thumbnail{flex:none;height:156px;padding:0 16px 12px}.image-to-webp[data-layout=tablet] .uit-file-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.image-to-webp[data-layout=tablet] .image-webp-file-info{flex:1}.image-to-webp[data-layout=mobile]{--image-webp-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.image-to-webp[data-layout=mobile] .uit-workspace{background:0 0;border:0;border-radius:0;padding:0}.image-to-webp[data-layout=mobile] .image-webp-mobile-file-toolbar{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;padding:0;display:grid}.image-to-webp[data-layout=mobile] .uit-file-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.image-to-webp[data-layout=mobile] .image-webp-card{grid-template-rows:auto minmax(88px,auto) auto;grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--image-webp-dock-height) + 12px);display:grid}.image-to-webp[data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.image-to-webp[data-layout=mobile] .uit-file-thumbnail{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.image-to-webp[data-layout=mobile] .uit-file-thumbnail img{object-fit:cover;object-position:center}.image-to-webp[data-layout=mobile] .uit-file-caption{display:contents}.image-to-webp[data-layout=mobile] .image-webp-file-info{grid-area:2/2;align-self:start}.image-to-webp[data-layout=mobile] .image-webp-result-size>span{white-space:normal;overflow-wrap:anywhere}.image-to-webp[data-layout=mobile] .uit-file-actions{grid-area:3/1/auto/-1}.image-to-webp[data-layout=mobile] .image-webp-card>.image-webp-error{grid-column:1/-1;padding:8px 0 0}.image-to-webp[data-layout=mobile] .image-webp-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.image-to-webp[data-layout=mobile] .image-webp-mobile-download-dock .uit-primary-slot{width:100%;min-width:0;max-width:none}.image-to-avif{width:100%;min-width:0}.image-to-avif .uit-file-thumbnail>img{width:100%;height:100%}.image-to-avif .uit-file-remove .uit-card-action{min-height:24px}.image-to-avif .uit-gallery{overflow:hidden auto}.image-to-avif .uit-gallery[data-scrollable=true]{overscroll-behavior-y:contain}.image-to-avif .uit-file-grid:empty{min-height:340px}.image-avif-card-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5;position:absolute;top:12px;left:16px}.image-to-avif.is-dragging .uit-workspace{outline:2px solid var(--text);outline-offset:3px}.image-avif-entry.is-opening .uit-ready-content{visibility:hidden}.image-avif-entry.is-opening .uit-ready-status{border:1px dashed var(--border);border-radius:12px;margin:0;position:absolute;inset:16px;overflow:hidden}.image-avif-opening{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.image-avif-opening .image-avif-opening-image{z-index:-1;object-fit:contain;filter:blur(8px);opacity:.25;width:100%;height:100%;position:absolute}.image-avif-opening-content{flex-direction:column;align-items:center;gap:16px;display:flex}.image-avif-opening-content .images-entry-progress{width:min(240px,60vw)}.image-avif-opening-content .images-entry-progress span{animation-duration:1s}.image-avif-card.is-processing .uit-file-thumbnail{opacity:.55}.image-avif-card.is-processing:after{content:"";border:2px solid var(--text);border-radius:inherit;pointer-events:none;animation:1.8s ease-in-out infinite image-avif-active-border;position:absolute;inset:0}@keyframes image-avif-active-border{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.image-avif-card.is-processing:after{animation:none}}.image-avif-card .uit-file-actions{min-width:132px}.image-avif-rotating-preview{width:100%;height:100%}.image-avif-result-size{flex-wrap:wrap;column-gap:3px;display:flex}.image-avif-result-size>span{white-space:nowrap}.image-avif-size-change{font-weight:600}.image-avif-error{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.image-avif-card>.image-avif-error{margin:0;padding:0 16px 14px}.image-avif-clear-dialog{border:1px solid var(--border);background:var(--surface);width:min(352px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);font:inherit;border-radius:20px;margin:auto;padding:28px}.image-avif-clear-dialog::backdrop{background:#0000008c}.image-avif-clear-dialog h2{text-align:center;margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.3}.image-avif-clear-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-avif-clear-actions .uit-option-button{font-weight:600}.image-to-avif .image-avif-dialog-close{width:24px;min-width:24px;height:24px;position:absolute;top:9.6px;right:9.6px}.image-to-avif .image-avif-dialog-close svg{width:18px;height:18px}.image-to-avif .uit-file-grid{position:relative}.image-to-avif .uit-file-grid.is-sorting{overflow:clip}.image-to-avif .is-sorting .image-avif-card{z-index:1}.image-to-avif .image-avif-card[data-sortable=true]{cursor:grab;user-select:none;touch-action:pan-y}.image-to-avif .image-avif-card.is-sort-lifted{z-index:100;cursor:grabbing;margin:0;position:fixed}.image-to-avif .image-avif-sort-space{visibility:hidden;pointer-events:none}.image-to-avif .image-avif-sort-placeholder{box-sizing:border-box;border:1px dashed var(--border-strong);background:var(--surface-muted);pointer-events:none;border-radius:1rem;margin:0;padding:0;position:absolute}@media (width<=640px){.image-to-avif .uit-toolbar-actions{gap:3.2px}}.image-to-avif .image-avif-compact-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:14px;display:flex}.image-to-avif .image-avif-file-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;margin-inline-end:auto;font-size:14px}.image-to-avif .image-avif-compact-add{min-width:0;min-height:44px;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:inline-flex}.image-to-avif:not([data-layout=desktop]) .uit-type2-body{min-height:0;margin-top:0;transition:none;display:block}.image-to-avif:not([data-layout=desktop]) .uit-gallery{overscroll-behavior-y:auto;height:auto;max-height:none;overflow:visible}.image-to-avif:not([data-layout=desktop]) .image-avif-card{scroll-margin-block-start:calc(var(--header-height,88px) + 12px)}.image-to-avif:not([data-layout=desktop]) .image-avif-file-info{flex-direction:column;gap:6px;min-width:0;display:flex}.image-to-avif:not([data-layout=desktop]) .image-avif-file-info>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;line-height:22px;display:block;overflow:hidden}.image-to-avif:not([data-layout=desktop]) .uit-file-metadata{overflow-wrap:anywhere}.image-to-avif:not([data-layout=desktop]) .uit-file-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;min-height:50px;margin-top:12px;padding-top:6px;display:flex}.image-to-avif:not([data-layout=desktop]) .uit-slot-move-controls{margin-right:auto}.image-to-avif:not([data-layout=desktop]) .uit-primary-slot{grid-template-rows:minmax(44px,auto);height:auto;min-height:44px;max-height:none}.image-to-avif:not([data-layout=desktop]) .uit-primary-action{height:auto;min-height:44px}.image-to-avif[data-layout=tablet] .uit-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.image-to-avif[data-layout=tablet] .image-avif-card{flex-direction:column;display:flex}.image-to-avif[data-layout=tablet] .uit-slot-header{min-height:48px;padding:4px 4px 0 16px}.image-to-avif[data-layout=tablet] .uit-file-thumbnail{flex:none;height:156px;padding:0 16px 12px}.image-to-avif[data-layout=tablet] .uit-file-caption{flex-direction:column;flex:1;padding:0 16px 12px;display:flex}.image-to-avif[data-layout=tablet] .image-avif-file-info{flex:1}.image-to-avif[data-layout=mobile]{--image-avif-dock-height:calc(68px + env(safe-area-inset-bottom,0px))}.image-to-avif[data-layout=mobile] .uit-workspace{background:0 0;border:0;border-radius:0;padding:0}.image-to-avif[data-layout=mobile] .image-avif-mobile-file-toolbar{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 44px;gap:4px;margin-bottom:12px;padding:0;display:grid}.image-to-avif[data-layout=mobile] .uit-file-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}.image-to-avif[data-layout=mobile] .image-avif-card{grid-template-rows:auto minmax(88px,auto) auto;grid-template-columns:clamp(80px,22.6vw,88px) minmax(0,1fr);column-gap:12px;padding:4px 12px 8px;scroll-margin-block-end:calc(var(--image-avif-dock-height) + 12px);display:grid}.image-to-avif[data-layout=mobile] .uit-slot-header{grid-area:1/1/auto/-1;margin-bottom:8px;margin-right:-8px}.image-to-avif[data-layout=mobile] .uit-file-thumbnail{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;grid-area:2/1;align-self:start;width:100%;height:auto;padding:0;overflow:hidden}.image-to-avif[data-layout=mobile] .uit-file-thumbnail img{object-fit:cover;object-position:center}.image-to-avif[data-layout=mobile] .uit-file-caption{display:contents}.image-to-avif[data-layout=mobile] .image-avif-file-info{grid-area:2/2;align-self:start}.image-to-avif[data-layout=mobile] .image-avif-result-size>span{white-space:normal;overflow-wrap:anywhere}.image-to-avif[data-layout=mobile] .uit-file-actions{grid-area:3/1/auto/-1}.image-to-avif[data-layout=mobile] .image-avif-card>.image-avif-error{grid-column:1/-1;padding:8px 0 0}.image-to-avif[data-layout=mobile] .image-avif-mobile-download-dock{z-index:4;padding:12px 0 max(12px, env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);margin-top:12px;position:sticky;bottom:0}.image-to-avif[data-layout=mobile] .image-avif-mobile-download-dock .uit-primary-slot{width:100%;min-width:0;max-width:none}:is(.background-remover__processing,.images-entry-processing){isolation:isolate;border:1px solid var(--border);border-radius:var(--radius-lg,1.5rem);background:var(--surface);text-align:center;place-items:center;width:min(100%,44rem);min-height:22rem;padding:2.5rem 1.5rem;display:grid;position:relative;overflow:hidden}[data-background-workspace] .background-remover__processing{width:100%;min-height:var(--background-entry-height);border-style:dashed}.compressor .images-entry-processing{width:100%;min-height:var(--compressor-entry-height);border-style:dashed}:is(.background-remover__processing-image,.images-entry-processing-image){z-index:-3;object-fit:contain;filter:blur(7px);opacity:.65;width:100%;height:100%;position:absolute;inset:0}:is(.background-remover__processing,.images-entry-processing):before{content:"";z-index:-2;background:color-mix(in srgb, var(--surface) 55%, transparent);position:absolute;inset:0}:is(.background-remover__processing,.images-entry-processing):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg, transparent 25%, color-mix(in srgb, var(--text) 9%, transparent) 50%, transparent 75%);animation:3.2s ease-in-out infinite images-entry-shimmer;position:absolute;inset:0;transform:translate(-100%)}:is(.background-remover__processing-content,.images-entry-processing-content){flex-direction:column;align-items:center;gap:1.5rem;width:min(100%,20rem);display:flex}:is(.background-remover__processing,.images-entry-processing) h2:where(:not(.images-entry-processing-title)){letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:650;line-height:1.18}.images-entry-processing-title{color:var(--text);letter-spacing:normal;margin:0;font-size:20px;font-weight:550;line-height:20px}:is(.background-remover__progress,.images-entry-progress){background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:999px;width:100%;height:3px;overflow:hidden}:is(.background-remover__progress,.images-entry-progress) span{border-radius:inherit;background:var(--text);width:40%;height:100%;animation:3.2s ease-in-out infinite images-entry-progress;display:block;transform:translate(-100%)}:is(.background-remover__processing,.images-entry-processing) :is([data-background-cancel],.images-entry-cancel){border:1px solid var(--border);width:auto;min-height:2.75rem;font:inherit;color:var(--text);background:var(--surface);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:0;padding:.6rem 1.25rem;display:inline-flex}:is(.background-remover__processing,.images-entry-processing) :is([data-background-cancel],.images-entry-cancel):hover:not(:disabled){color:var(--text);border-color:var(--border);background:var(--surface);filter:none}:is(.background-remover__processing,.images-entry-processing) :is([data-background-cancel],.images-entry-cancel):focus-visible{outline:2px solid var(--text);outline-offset:3px}@media (prefers-reduced-motion:reduce){:is(.background-remover__processing,.images-entry-processing):after{animation:none;transform:none}:is(.background-remover__progress,.images-entry-progress) span{animation:none;transform:translate(75%)}}@media (width<=640px){:is(.background-remover__processing,.images-entry-processing){min-height:20rem;padding-inline:1rem}}:is(.background-remover__segmented span,.background-remover .background-remover__button,.compressor .images-entry-cancel,.compressor .compressor-settings-actions button,.compressor .compressor-clear-actions button,.compressor .compressor-download-slot>:is(button,a)){letter-spacing:normal;font-family:inherit;font-size:1rem;font-style:normal;font-weight:600;line-height:normal}:is(.background-remover .background-remover__popover,.background-remover .background-remover__popover :is(legend,label,input,select,output),.background-remover .background-remover__popover .background-remover__segmented span,.compressor .compressor-settings-panel,.compressor .compressor-settings-panel :is(h2,label,input),.compressor .compressor-settings-panel .compressor-settings-actions button){font-weight:400}.images-workspace-action{display:grid;position:relative}.images-workspace-action.images-workspace-action:before{content:"Download PNG";visibility:hidden;letter-spacing:normal;white-space:nowrap;border:1px solid #0000;grid-area:1/1;min-height:2.75rem;padding:.6rem 1.25rem;font-family:inherit;font-size:1rem;font-style:normal;font-weight:600;line-height:normal}:is(.background-remover,.compressor,.resizer) .images-workspace-action.images-workspace-action>button{letter-spacing:normal;white-space:nowrap;border-radius:.65rem;width:100%;height:100%;min-height:38px;margin:0;padding:8.4px 7px;font-family:inherit;font-size:17px;font-style:normal;font-weight:600;line-height:normal;position:absolute;inset:0}[data-background-workspace][data-state=processing]:not([data-replacing=true]) .background-remover__progress span{animation-duration:1s}.background-remover{box-sizing:border-box;width:min(100% - 3rem,90rem);height:calc(100dvh - var(--header-height,88px));min-height:28rem;color:var(--text);margin-inline:auto;padding-block:1.5rem}.background-remover *,.background-remover :before,.background-remover :after{box-sizing:border-box}.background-remover [hidden]{display:none!important}.background-remover :is(button,input,select){font:inherit}[data-background-workspace]{--background-workspace-gap:1rem}[data-background-workspace][data-has-result=true]:not([data-state=processing]){padding-block-start:var(--background-workspace-gap)}.background-remover__workspace{justify-content:center;align-items:center;gap:var(--background-workspace-gap,1rem);flex-direction:column;height:100%;min-height:0;display:flex}.background-remover__toolbar{border:1px solid var(--border);background:var(--surface);z-index:3;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;width:100%;padding:.6rem;display:grid;position:relative;container:background-toolbar/inline-size}.background-remover__tool-group{flex-wrap:wrap;grid-area:1/1;justify-content:flex-start;justify-self:start;align-items:center;gap:.4rem;width:max-content;min-width:0;max-width:100%;display:flex}.background-remover__toolbar-actions{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;justify-self:end;align-items:center;gap:.4rem;min-width:0;max-width:100%;display:flex}.background-remover__icon{width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;flex:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;list-style:none;display:inline-flex;position:relative}.background-remover__icon::-webkit-details-marker{display:none}.background-remover__icon svg{pointer-events:none;flex-shrink:0}.background-remover__toolbar .background-remover__icon:not(.collection-back){width:auto;height:2.75rem;min-height:2.75rem;padding:.15rem .65rem}.background-remover__toolbar .background-remover__icon--labeled:not(.collection-back){flex-direction:column;gap:0;height:60px}.background-remover__tool-label{white-space:nowrap;pointer-events:none;font-size:12px;font-weight:400;line-height:16px;position:relative}.background-remover__tool-group .background-remover__compare:after{content:"";border-left:1px solid var(--border);pointer-events:none;position:absolute;top:0;bottom:0;left:-.2rem}.background-remover__toolbar-artwork{width:56px;height:36px;display:block;overflow:hidden}.background-remover__icon:hover{background:var(--surface-muted)}[data-background-workspace] .collection-back:hover{background:0 0}.background-remover__tool-menu[open]>summary,.background-remover__icon[aria-pressed=true],.background-remover__trim:has(input:checked){border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.background-remover :is(button,input,select,summary,a):focus-visible,.background-remover__icon:has(input:focus-visible){outline:2px solid var(--text);outline-offset:3px}.background-remover :is(button,input,select):disabled{cursor:default;opacity:.35}.background-remover :is(.background-remover__tool-group,.background-remover__toolbar-actions) .background-remover__icon{box-shadow:none;background:0 0;border-color:#0000}.background-remover :is(.background-remover__tool-group,.background-remover__toolbar-actions) .background-remover__icon:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:8px;position:absolute;inset:3px 5px}.background-remover :is(.background-remover__tool-group,.background-remover__toolbar-actions) .background-remover__icon:hover:before{background:var(--surface-muted)}.background-remover :is(.background-remover__tool-group,.background-remover__toolbar-actions) .background-remover__icon[aria-pressed=true]:before{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.background-remover__toolbar .background-remover__toolbar-artwork,.background-remover__tool-menu{position:relative}.background-remover__tool-menu>.background-remover__icon{display:flex}.background-remover__popover{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;gap:1rem;width:19rem;max-width:calc(100vw - 3rem);padding:1.1rem;display:flex;position:absolute;top:calc(100% + 1rem);left:0;box-shadow:0 .75rem 2rem #00000026}.background-remover__popover--background,.background-remover__popover--refine{width:24rem}.background-remover__background-row{white-space:nowrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.background-remover__background-row>.background-remover__segmented{flex:1}.background-remover__control-group{border:0;gap:.7rem;min-width:0;margin:0;padding:0;display:grid}.background-remover__control-group legend{margin-bottom:.7rem;padding:0}.background-remover__range-label,.background-remover__color-row,.background-remover__field-label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.background-remover__range-label output{color:var(--text-muted);font-variant-numeric:tabular-nums}.background-remover__range-label [data-background-brush-size-value]{text-align:right;white-space:nowrap;flex:0 0 7ch}.background-remover__control-group input[type=range]{width:100%;accent-color:var(--text);margin:0 0 .5rem}.background-remover__popover--background .background-remover__background-row,.background-remover__popover--background .background-remover__color-row,.background-remover__brush-row{height:2.75rem}.background-remover__popover--background>.background-remover__field-label,.background-remover__brush-row:last-child{height:calc(1lh + .8rem + 4px)}.background-remover__popover--refine{gap:.7rem}.background-remover__popover--refine [data-background-brush-controls]{gap:1rem}.background-remover__brush-row{grid-template-rows:auto .75rem;align-content:space-between;gap:.15rem;display:grid}.background-remover__control-group .background-remover__brush-row input[type=range]{height:.75rem;margin:0}.background-remover__segmented{gap:.5rem;display:flex}.background-remover__segmented label{cursor:pointer;flex:1;position:relative}.background-remover__segmented input,.background-remover__trim input,.background-remover__file-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.background-remover :is(.background-remover__segmented input,.background-remover__trim input,.background-remover__file-input):disabled{opacity:0}.background-remover__replace:has(input:disabled),.background-remover__trim:has(input:disabled),.background-remover__segmented input:disabled+span{cursor:default;opacity:.35}.background-remover__segmented span{border:1px solid var(--border);border-radius:.6rem;place-items:center;min-height:2.75rem;padding:.35rem .5rem;display:grid}.background-remover__segmented input:checked+span{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.background-remover__segmented input:focus-visible+span{outline:2px solid var(--text);outline-offset:3px}.background-remover__color-trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.5rem;flex:none;place-items:stretch stretch;width:2.5rem;height:2.5rem;padding:.3rem;display:grid}.background-remover__color-trigger>span{background:var(--picker-color,#fff);border:1px solid color-mix(in srgb, var(--text) 30%, transparent)}.background-remover__color-palette{z-index:6;border:1px solid var(--border);width:18rem;max-width:calc(100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--text);background:var(--surface);border-radius:.75rem;gap:.85rem;padding:.85rem;font-weight:400;display:grid;position:fixed;overflow-y:auto;box-shadow:0 .75rem 2rem #0003}.background-remover__color-sv{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue,red);cursor:crosshair;touch-action:none;border-radius:.35rem;height:9rem;position:relative}.background-remover__color-sv>span{left:var(--picker-saturation,0%);bottom:var(--picker-value,100%);pointer-events:none;border:2px solid #fff;border-radius:50%;width:.8rem;height:.8rem;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 0 1px #000}.background-remover__color-sv:focus-visible{outline:2px solid var(--text);outline-offset:3px}.background-remover__color-hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:1rem;width:100%;height:.8rem;margin:.3rem 0}.background-remover__color-hue::-webkit-slider-thumb{appearance:none;background:var(--picker-hue,red);border:2px solid #fff;border-radius:50%;width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px #777}.background-remover__color-hue::-moz-range-thumb{background:var(--picker-hue,red);border:2px solid #fff;border-radius:50%;width:.9rem;height:.9rem;box-shadow:0 0 0 1px #777}.background-remover__color-fields{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:start;gap:.7rem .45rem;display:grid}.background-remover__color-fields>:is(span,.background-remover__color-hex-label){align-self:start;padding-top:.5rem}.background-remover__color-fields label{text-align:center;gap:.15rem;min-width:0;display:grid}.background-remover__color-fields label>span{color:var(--text-muted);font-size:.8rem}.background-remover__color-fields input{border:1px solid var(--border);width:100%;min-width:0;min-height:2.3rem;color:var(--text);background:var(--surface);text-align:center;font-variant-numeric:tabular-nums;border-radius:.35rem;padding:.3rem}.background-remover__color-fields input[type=number]{appearance:textfield}.background-remover__color-fields input::-webkit-inner-spin-button{appearance:none;margin:0}.background-remover__color-fields input::-webkit-outer-spin-button{appearance:none;margin:0}.background-remover__color-hex{grid-column:2/-1}.background-remover__field-label select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:.5rem;padding:.4rem .65rem}.background-remover__button,.background-remover__choose{border:1px solid var(--text);min-height:2.75rem;color:var(--bg);background:var(--text);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-weight:650;line-height:1.2;display:inline-flex}.background-remover__button--secondary{color:var(--text);border-color:var(--border);background:var(--surface)}@container background-toolbar (width<=1000px){.background-remover__tool-group{grid-column:1/-1}.background-remover__toolbar-actions{grid-area:2/1/auto/-1}}.background-remover__image-panel{flex-direction:column;width:min(100%,44rem);min-height:0;display:flex}.background-remover[data-has-result=true] .background-remover__image-panel{flex:1;width:100%}.background-remover__dropzone{border:1px dashed var(--border);border-radius:var(--radius-lg,1.5rem);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:22rem;padding:2.5rem 1.5rem;display:flex;position:relative}.background-remover__dropzone[data-drag-active=true]{border-color:var(--text);background:var(--surface-muted)}.background-remover__upload-icon{width:3.25rem;height:3.25rem;color:var(--text-muted);place-items:center;display:grid}.background-remover__upload-icon svg{width:2.25rem;height:2.25rem}.background-remover__drop-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.background-remover__drop-or{color:var(--text-muted);font-size:.9rem}[data-background-workspace]{--background-entry-height:28rem}[data-background-workspace]:is([data-has-selection=false],[data-state=processing]){min-height:38rem}[data-background-workspace]:is([data-has-selection=false],[data-state=processing]) .background-remover__image-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:1.75rem;flex:none;width:min(100%,60rem + 2px);padding:1.5rem 2rem 2rem}[data-background-workspace] .background-remover__dropzone{min-height:var(--background-entry-height);grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:2.5rem 2rem;display:grid}[data-background-workspace] .background-remover__upload-icon{width:clamp(4.5rem,7vw,6.5rem);height:clamp(4.5rem,7vw,6.5rem);color:var(--text);opacity:.75;align-self:end;margin-bottom:1.75rem}[data-background-workspace] .background-remover__upload-icon svg{stroke-width:1.35px;width:100%;height:100%}[data-background-workspace] .background-remover__choose{border-radius:.875rem;width:20rem;max-width:100%;min-height:5rem;padding:1rem 2rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:550}[data-background-workspace] .background-remover__upload-copy{flex-direction:column;align-self:start;align-items:center;gap:1.125rem;margin-top:1rem;display:flex}[data-background-workspace] .background-remover__drop-prompt{color:var(--text);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:450;line-height:1.4}[data-background-workspace] .background-remover__drop-or{text-wrap:balance;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.5}.background-remover__editor{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.background-remover__canvas-shell{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.background-remover__canvas{cursor:none;touch-action:none;outline:1px solid var(--border);outline-offset:-1px;background-color:var(--checker-light,#fff);background-image:linear-gradient(45deg, var(--checker-dark,#ddd) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-dark,#ddd) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-dark,#ddd) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-dark,#ddd) 75%);background-position:0 0,0 .75rem,.75rem -.75rem,-.75rem 0;background-size:1.5rem 1.5rem;max-width:none;max-height:none;display:block}.background-remover__canvas-shell[data-active-tool=preview] .background-remover__canvas{cursor:default;touch-action:auto}.background-remover__comparison{--compare-position:50%;z-index:2;cursor:ew-resize;touch-action:none;user-select:none;position:absolute;inset:0}.background-remover__comparison-before-frame{background:var(--surface);clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.background-remover__comparison .background-remover__comparison-before{pointer-events:none}.background-remover__comparison-label{color:#fff;pointer-events:none;background:#000000a6;border-radius:6px;padding:4px 9px;font-size:13px;font-weight:400;line-height:20px;position:absolute;top:12px}.background-remover__comparison-label--before{left:12px}.background-remover__comparison-label--after{right:12px}.background-remover__comparison-slider{top:0;bottom:0;left:var(--compare-position);cursor:ew-resize;touch-action:none;outline:none;width:44px;position:absolute;transform:translate(-50%)}.background-remover__comparison-slider:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px);box-shadow:0 0 2px #0000008c}.background-remover__comparison-handle{color:#171717;pointer-events:none;background:#fff;border:1px solid #0003;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0000004d}.background-remover__comparison-slider:focus-visible .background-remover__comparison-handle{outline:2px solid var(--text);outline-offset:3px}.background-remover__brush-tint,.background-remover__brush-cursor{pointer-events:none;position:absolute}.background-remover__brush-tint{z-index:1;max-width:none;max-height:none}.background-remover__brush-cursor{--brush-color:239 68 68;z-index:2;border:1px solid rgb(var(--brush-color));background:radial-gradient(ellipse closest-side, rgb(var(--brush-color) / .16) var(--brush-core), rgb(var(--brush-color) / 0) 100%);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,0 0 0 2px #00000073}.background-remover__brush-cursor[data-mode=restore]{--brush-color:13 148 136}.background-remover__brush-core{width:var(--brush-core);height:var(--brush-core);border:1px dashed rgb(var(--brush-color) / .9);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.background-remover__canvas-help,.background-remover__brush-legend{color:var(--text-muted);margin:0;font-size:.9rem}.background-remover__canvas-help{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.background-remover__brush-legend,.background-remover__brush-legend>span{align-items:center;gap:.5rem;display:flex}.background-remover__brush-legend{gap:1rem}.background-remover__brush-legend i{background:#ef4444;border-radius:50%;width:.65rem;height:.65rem}.background-remover__brush-legend [data-mode=restore] i{background:#0d9488}.background-remover[data-state=processing] .background-remover__image-panel{display:none}[data-background-workspace][data-state=processing] .background-remover__image-panel{display:flex}[data-background-workspace][data-state=processing] :is(.background-remover__dropzone,.background-remover__editor){display:none}.background-remover__error-actions{justify-content:center;gap:.75rem;display:flex}.background-remover__error{border:1px solid var(--border);background:var(--surface);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,44rem);padding:1rem;display:flex}[data-background-workspace] .background-remover__image-panel>.background-remover__error{width:100%;margin-bottom:1rem}.background-remover__error p{margin:.4rem 0}.background-remover__error code{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.background-remover__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.background-remover{width:calc(100% - 1.5rem);padding-block:.75rem}.background-remover__toolbar{gap:.2rem;padding:.4rem}.background-remover__tool-group,.background-remover__toolbar-actions{gap:.2rem}.background-remover__icon{width:2.5rem;height:2.5rem}.background-remover__tool-menu{position:static}.background-remover__popover{max-width:calc(100vw - 1.5rem);top:calc(100% + .5rem);left:0}.background-remover__dropzone{min-height:20rem;padding-inline:1rem}[data-background-workspace]{--background-entry-height:24rem}[data-background-workspace] .background-remover__dropzone{padding-inline:1.25rem}[data-background-workspace]:is([data-has-selection=false],[data-state=processing]){min-height:34rem}[data-background-workspace]:is([data-has-selection=false],[data-state=processing]) .background-remover__image-panel{border-radius:1.5rem;padding:1rem}}[data-collection-workspace] .background-remover[data-background-workspace]{width:100%;height:auto;min-height:0;margin:0;padding:0}[data-collection-workspace] .background-remover__workspace{justify-content:flex-start;height:auto}[data-collection-workspace] [data-background-workspace] .background-remover__image-panel{width:100%}[data-collection-workspace] .background-remover__canvas-shell{flex:none;height:clamp(26rem,58dvh,38rem)}[data-collection-workspace] [data-background-workspace]{--background-entry-height:290px}.background-remover__intro{margin-bottom:18px}.background-remover__title-row{justify-content:space-between;align-items:center;gap:12px;margin-top:0;display:flex}.background-remover__title-row h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:550;line-height:1.2}.background-remover__intro>p{color:var(--text-muted);margin:6px 0 0;font-size:15px;line-height:22px}[data-collection-workspace] [data-background-workspace]:is([data-has-selection=false],[data-state=processing]) .background-remover__image-panel{border-radius:16px;padding:16px}[data-collection-workspace] [data-background-workspace] .background-remover__dropzone{border-radius:12px;flex-direction:column;justify-content:center;padding:12px;display:flex}[data-collection-workspace] [data-background-workspace] .background-remover__upload-icon{align-self:center;width:70px;height:70px;margin:0 0 26px}[data-collection-workspace] [data-background-workspace] .background-remover__choose{border-radius:10px;width:232px;min-height:54px;padding:15px 24px;font-size:19px;line-height:22px}[data-collection-workspace] [data-background-workspace] .background-remover__upload-copy{align-self:center;gap:14px;margin-top:23px}[data-collection-workspace] [data-background-workspace] .background-remover__drop-prompt{font-size:17px;line-height:23px}[data-collection-workspace] [data-background-workspace] .background-remover__drop-or{opacity:1;font-size:16px;line-height:22px}[data-collection-workspace] [data-background-workspace] .background-remover__processing{border-radius:12px;padding:16px}[data-collection-workspace] [data-background-workspace]:is([data-has-result=true]:not([data-state=processing]),[data-replacing=true]) .background-remover__workspace{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:8px;padding:10px}[data-collection-workspace] [data-background-workspace][data-replacing=true] .background-remover__image-panel{background:0 0;border:0;border-radius:0;flex:1;padding:0;position:relative}[data-collection-workspace] [data-background-workspace][data-replacing=true] .background-remover__editor{display:grid}[data-collection-workspace] [data-background-workspace][data-replacing=true] .background-remover__processing{z-index:2;border-style:solid;width:100%;height:100%;min-height:0;position:absolute;inset:0}[data-collection-workspace] .background-remover__editor{--background-options-width:280px;--background-options-gap:10px;font:inherit;transition:grid-template-columns var(--uit-motion) ease, gap var(--uit-motion) ease;grid-template-columns:minmax(0,1fr) 0;align-items:start;gap:0;display:grid}[data-collection-workspace] [data-background-workspace][data-options-open=true] .background-remover__editor{grid-template-columns:minmax(0, 1fr) var(--background-options-width);gap:var(--background-options-gap)}.background-remover__preview-column{flex-direction:column;grid-area:1/1;gap:8px;min-width:0;display:flex}.background-remover__options-shell{grid-area:1/2;align-self:stretch;min-width:0;min-height:0;overflow:hidden}.background-remover__result-options{width:var(--background-options-width);border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-self:stretch;gap:16px;min-width:0;height:100%;padding:14px;display:flex}.background-remover__result-options>h3{font:inherit;margin:0;font-weight:400}.background-remover__option-section{flex-direction:column;gap:20px;min-width:0;display:flex}.background-remover__result-options .background-remover__canvas-help{flex-direction:column;gap:12px;line-height:1.5}.background-remover__result-options .background-remover__segmented{font-size:14px}.background-remover__result-options .background-remover__background-row{flex-direction:column;align-items:stretch;gap:12px;height:auto}.background-remover__result-options .background-remover__segmented{flex:none}.background-remover .background-remover__result-options :is(label,input,select,.background-remover__segmented span){font-weight:400}.background-remover__result-options .background-remover__field-label{flex-wrap:wrap;height:auto}@media (width<=800px){[data-collection-workspace] .background-remover__editor{--background-options-width:0px}[data-collection-workspace] [data-background-workspace][data-options-open] .background-remover__editor{grid-template-columns:minmax(0,1fr);transition:none}.background-remover__options-shell{grid-area:2/1;height:0}[data-background-workspace][data-options-open=true] .background-remover__options-shell{height:auto}.background-remover__result-options{width:100%;height:auto}[data-collection-workspace] .background-remover__canvas-shell{height:clamp(25rem,66dvh,38rem)}.background-remover__title-row h1{font-size:28px}}@media (prefers-reduced-motion:reduce){[data-collection-workspace] .background-remover__editor{transition:none}}.background-remover__replace-label{display:none}.background-remover__history{flex:none;align-items:center;gap:4px;display:flex}.background-remover__history .background-remover__icon{width:44px;height:44px}.background-remover__history .uit-tool-wrap{width:44px}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]):is([data-has-result=true],[data-replacing=true]) .background-remover__intro{margin-bottom:12px}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]):is([data-has-result=true],[data-replacing=true]) .background-remover__intro>p{display:none}[data-collection-workspace] [data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]):is([data-has-result=true]:not([data-state=processing]),[data-replacing=true]) .background-remover__workspace{gap:16px;padding:16px}[data-collection-workspace] [data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__editor{--background-options-width:0px;--background-options-gap:0px;flex-direction:column;gap:0;transition:none;display:flex}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__preview-column{width:100%}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__canvas-shell{border:0;border-radius:10px}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__result-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:flex-end;align-items:stretch;gap:8px;width:min(100%,520px);display:grid}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__result-actions>.uit-tool-wrap{min-width:0;display:flex}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__replace{border-color:var(--border);border-radius:10px;gap:2px;width:100%;height:auto;min-height:48px;padding:5px 10px}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__replace .background-remover__toolbar-artwork{margin-inline:-10px}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) .background-remover__replace-label{text-align:center;overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:400;line-height:22px;display:block}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) [data-background-download-slot]{grid-template-rows:minmax(48px,auto);width:100%;min-width:0;max-width:none;height:auto;min-height:48px;max-height:none}[data-background-workspace]:is([data-layout=mobile],[data-layout=tablet]) [data-background-download]{white-space:normal;overflow-wrap:anywhere;border-radius:10px;width:100%;min-width:0;max-width:none;height:100%;min-height:48px;max-height:none;padding:8px 12px;font-size:16px;font-weight:600;line-height:22px}[data-background-workspace][data-layout=mobile] .background-remover__result-actions{width:100%}[data-background-workspace][data-layout=mobile] .background-remover__options-shell{display:none}[data-collection-workspace] [data-background-workspace][data-layout=mobile] .background-remover__canvas-shell{height:clamp(240px,52dvh,560px)}[data-background-workspace][data-layout=mobile]:is([data-has-result=true],[data-replacing=true]) .background-remover__title-row h1{font-size:24px}[data-background-workspace][data-layout=tablet] .background-remover__toolbar{border:0;border-radius:0;padding:0;display:block}[data-background-workspace][data-layout=tablet] .background-remover__tool-group{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;width:100%;max-width:none;padding-block:3px;overflow-x:auto}[data-background-workspace][data-layout=tablet] .background-remover__toolbar-actions{display:none}[data-background-workspace][data-layout=tablet] .background-remover__toolbar .background-remover__icon{height:48px;min-height:48px;padding:4px 12px}[data-background-workspace][data-layout=tablet] .background-remover__toolbar .background-remover__icon--labeled{flex-direction:row;gap:2px}[data-background-workspace][data-layout=tablet] .background-remover__tool-label{font-size:16px;line-height:22px}[data-background-workspace][data-layout=tablet] .background-remover__toolbar-artwork{margin-inline:-10px}[data-background-workspace][data-layout=tablet] .background-remover__history .background-remover__toolbar-artwork{margin:0}[data-background-workspace][data-layout=tablet] .background-remover__tool-group .background-remover__icon:before{inset:0}[data-background-workspace][data-layout=tablet] .background-remover__compare:after{display:none}[data-background-workspace][data-layout=tablet] .background-remover__options-shell{order:-1;grid-template-rows:0fr;height:auto;margin-bottom:0;transition:grid-template-rows .2s,margin-bottom .2s;display:grid}[data-background-workspace][data-layout=tablet][data-options-open=true] .background-remover__options-shell{grid-template-rows:1fr;margin-bottom:16px}[data-background-workspace][data-layout=tablet] .background-remover__result-options{background:var(--surface-muted);border:0;gap:0;width:100%;height:auto;min-height:0;padding:0;overflow:hidden}[data-background-workspace][data-layout=tablet] .background-remover__result-options>h3{padding:12px 16px 0}[data-background-workspace][data-layout=tablet] .background-remover__option-section{padding:12px 16px 16px}[data-background-workspace][data-layout=tablet] [data-background-brush-controls]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}[data-background-workspace][data-layout=tablet] .background-remover__brush-row{height:44px}[data-background-workspace][data-layout=tablet] :is(.background-remover__canvas-help,.background-remover__brush-legend){display:none}[data-background-workspace][data-layout=tablet] [data-background-panel-section=trim]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}[data-collection-workspace] [data-background-workspace][data-layout=tablet] .background-remover__canvas-shell{height:clamp(320px,52dvh,640px)}@media (prefers-reduced-motion:reduce){[data-background-workspace][data-layout=tablet] .background-remover__options-shell{transition:none}}
