html[data-theme=light] .tools-page{--muted:#3a343c}.tool-subnav{border-bottom:1px solid color-mix(in srgb, var(--studio-cyan) 14%, transparent);background:var(--tool-subnav-bg);overflow:hidden}.tool-subnav-inner{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;flex-wrap:nowrap;align-items:center;gap:34px;min-height:58px;display:flex;overflow:auto hidden}.tool-subnav-inner::-webkit-scrollbar{display:none}.tool-subnav a{white-space:nowrap;min-height:58px;color:var(--muted);flex-shrink:0;align-items:center;font-size:14px;font-weight:650;display:inline-flex;position:relative}.tools-page{padding-top:82px}.utility-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:28px;display:grid}.utility-card{border:1px solid color-mix(in srgb, var(--studio-cyan) 18%, transparent);color:inherit;background:var(--surface-2);border-radius:10px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:18px;padding:22px 24px;transition:border-color .15s,background .15s;display:grid}.utility-card:hover,.utility-card:focus-visible{border-color:color-mix(in srgb, var(--studio-cyan) 45%, transparent);background:var(--surface-2);outline:none}.utility-card-icon{border:1px solid color-mix(in srgb, var(--studio-cyan) 28%, transparent);width:52px;height:52px;color:var(--studio-cyan);background:color-mix(in srgb, var(--studio-cyan) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--studio-cyan) 8%, transparent);border-radius:10px;flex:none;padding:13px}.utility-card-body{gap:8px;min-width:0;display:grid}.utility-card-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.tool-page-title{align-items:center;gap:14px;display:flex}.tool-page-icon{border:1px solid color-mix(in srgb, var(--studio-cyan) 28%, transparent);width:44px;height:44px;color:var(--studio-cyan);background:color-mix(in srgb, var(--studio-cyan) 6%, transparent);border-radius:10px;flex:none;padding:10px}.utility-card h2{margin:0;font-size:22px;line-height:1.2}.utility-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.utility-card small{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:650}@media (max-width:1320px){.utility-list{grid-template-columns:1fr}}.remove-bg-batch-card .tool-batch{background:0 0;border:0;border-radius:0;padding:0}.remove-bg-tool .remove-bg-advanced-toggle{width:100%;min-height:48px;color:var(--surface-ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;padding:0 12px;font-size:14px}.remove-bg-tool .remove-bg-advanced-toggle .tool-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.remove-bg-tool .remove-bg-advanced-summary{align-items:center;gap:8px;min-width:0;max-width:60%;margin-left:auto;display:inline-flex}.remove-bg-tool .remove-bg-advanced-summary-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remove-bg-tool .remove-bg-advanced-body{border-top:0;gap:12px;margin:0;padding:4px 0 0;display:grid}.remove-bg-tool .remove-bg-advanced-body>.tool-setting{gap:12px;padding:0}.remove-bg-tool .tool-row-label,.remove-bg-tool .tool-row-value,.remove-bg-tool .tool-file-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remove-bg-tool .tool-export-group .tool-export-picker{background:0 0;border:0;border-radius:8px}.remove-bg-tool .tool-export-group .tool-export-picker.active{z-index:5}.tool-shell.tool-panel-card .tool-rail-shell{padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.tool-shell.tool-panel-card .tool-card{border:1px solid var(--studio-border);background:var(--thumb-matte);border-radius:22px;overflow:visible}html[data-theme=light] .tool-shell.tool-panel-card .tool-card{border-color:var(--studio-pink);background:var(--panel)}.tool-shell.tool-panel-card .tool-card>:is(.tool-setting,.fold-box,.tool-card-head,.tool-row,.tool-dither-field,.tool-reset){position:relative}.tool-shell.tool-panel-card .tool-card>:is(.tool-setting,.fold-box,.tool-card-head,.tool-row,.tool-dither-field,.tool-reset)+:is(.tool-setting,.fold-box,.tool-card-head,.tool-row,.tool-dither-field,.tool-reset):before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:20px;right:20px}.tool-shell.tool-panel-card .tool-card>.tool-card-head{letter-spacing:.02em;min-height:0;color:var(--muted);margin:0;padding:16px 20px 0;font-size:13px;font-weight:650}.tool-shell.tool-panel-card .tool-card>.tool-card-head .tool-feature-icon{flex:none;width:16px;height:16px}.tool-shell.tool-panel-card .tool-card>button.tool-card-head{text-align:left;width:100%;padding:16px 20px}.tool-shell.tool-panel-card .tool-card .tool-setting>.tool-card-head{letter-spacing:.02em;min-height:0;color:var(--muted);margin:0 0 4px;padding:0;font-size:13px;font-weight:650}.tool-shell.tool-panel-card .tool-card .tool-setting>.tool-card-head .tool-feature-icon{flex:none;width:16px;height:16px}.tool-shell.tool-panel-card .tool-card>.tool-menu-select.fold-box{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:4px 0}.tool-shell.tool-panel-card .tool-card>.tool-menu-select.fold-box .aspect-picker>button{min-height:48px;padding-left:20px;padding-right:20px}.tool-shell.tool-panel-card .tool-card>.tool-row,.tool-shell.tool-panel-card .tool-card>.tool-dither-field{margin:0;padding:10px 20px 16px}.tool-shell.tool-panel-card .tool-card .tool-seg{flex-wrap:wrap;row-gap:8px}.tool-shell.tool-panel-card .tool-card .tool-seg>button{min-width:0;min-height:40px}.tool-shell.tool-panel-card .tool-card>.tool-setting{gap:12px;padding:10px 20px 16px}.tool-shell.tool-panel-card .tool-card>.tool-setting:first-child{padding-top:16px}.tool-shell.tool-panel-card .tool-source-rule{border-bottom:0;padding-bottom:12px}.tool-shell.tool-panel-card .tool-card>.tool-setting.tool-export-group{gap:12px;padding-top:16px;padding-bottom:16px}.tool-shell.tool-panel-card .tool-card>.fold-box{padding-top:8px;padding-bottom:8px}.tool-shell.tool-panel-card .tool-card>.fold-box>.fold-toggle,.tool-shell.tool-panel-card .tool-card>.fold-box>.fold-panel{padding-left:20px;padding-right:20px}.tool-shell.tool-panel-card .tool-card>.fold-box>.fold-panel>.tool-row{padding-left:0;padding-right:0}.tool-shell.tool-panel-card .tool-setting>.tool-row-label{color:var(--surface-ink);font-size:14px;font-weight:500}.tool-shell.tool-panel-card .tool-base{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;width:100%;margin:0;display:grid}.tool-shell.tool-panel-card .tool-base>button{width:100%;min-width:0;min-height:52px}.tool-shell.tool-panel-card .tool-base>button.selected,.tool-shell.tool-panel-card .tool-chip.selected{box-shadow:none;background-image:none}.tool-shell.tool-panel-card.classic-pixelate-tool .pixelate-output-row{width:100%;margin:0}.tool-shell.tool-panel-card.classic-pixelate-tool .pixelate-output-row>.pixelate-output-seg{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.tool-shell.tool-panel-card.classic-pixelate-tool .pixelate-output-row>.pixelate-output-seg>button{width:100%;min-width:0;min-height:42px}.tool-shell.tool-panel-card .tool-rail .tool-stepper{box-sizing:border-box;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;width:100%;max-width:100%;height:44px;min-height:44px;margin-left:0;display:grid}.tool-shell.tool-panel-card .tool-rail .tool-stepper button{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0}.tool-shell.tool-panel-card .tool-rail .tool-stepper b{box-sizing:border-box;flex:none;width:100%;min-width:0;height:100%;min-height:0}.tool-shell.tool-panel-card .tool-output-dims{width:100%;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;margin:6px 0;font-size:24px;font-weight:650;line-height:1.2;display:block}.tool-shell.tool-panel-card .tool-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.tool-shell.tool-panel-card .tool-sizes .tool-chip,.tool-shell.tool-panel-card .tool-seg.tool-sizes .tool-chip,.tool-shell.tool-panel-card .tool-seg.tool-sizes button{border-radius:8px;min-height:36px}.tool-shell.tool-panel-card .tool-setting.tool-export-group>.remove-download,.tool-shell.tool-panel-card .tool-setting.tool-export-group>.tool-preview-download,.tool-shell.tool-panel-card .tool-setting.tool-export-group>.tool-export-picker,.tool-shell.tool-panel-card .tool-setting.tool-export-group .tool-export-picker{width:100%;margin-left:0;margin-right:0}.tool-shell.tool-panel-card .tool-setting.tool-export-group>.remove-download,.tool-shell.tool-panel-card .tool-setting.tool-export-group>.tool-preview-download{min-height:54px}.tool-shell.tool-panel-card .tool-setting.tool-export-group>.tool-footnote,.tool-shell.tool-panel-card .tool-setting.tool-export-group>.tool-error{padding-bottom:0;padding-left:0;padding-right:0}.tool-shell.tool-panel-card .tool-export-group .tool-export-picker .fold-toggle,.tool-shell.tool-panel-card .tool-export-group .aspect-picker>button{padding-left:20px;padding-right:20px}.tool-shell.tool-panel-card .tool-rail-shell.is-float-open,.tool-shell.tool-panel-card .tool-card.is-menu-open{overflow:visible}.tool-shell.tool-panel-card .tool-menu-select.active,.tool-shell.tool-panel-card .tool-export-picker.active{z-index:30;position:relative}.tool-shell.tool-panel-card .tool-export-group{overflow:visible}.tool-shell.tool-panel-card .tool-export-picker,.tool-shell.tool-panel-card .tool-export-picker.fold-box{box-shadow:none;background:0 0;border:0;border-radius:0}.tool-shell.tool-panel-card .tool-setting>.tool-menu-select.fold-box,.tool-shell.tool-panel-card .fold-panel>.tool-menu-select.fold-box,.tool-shell.tool-panel-card .tool-setting .tool-dither-field>.tool-menu-select.fold-box{box-shadow:none;background:0 0;border:0;border-radius:10px;margin:0}.tool-shell.tool-panel-card .tool-setting>:is(.tool-menu-select,.tool-dither-field,.custom-size-inputs,.tool-seg),.tool-shell.tool-panel-card .fold-panel>:is(.tool-menu-select,.tool-dither-field,.custom-size-inputs,.tool-seg){position:relative}.tool-shell.tool-panel-card .fold-box.is-menu-open{box-shadow:none;background:0 0;border:0;border-radius:0}.tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker{z-index:31;filter:drop-shadow(0 16px 32px #0000006b);position:relative}.tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button.active,.tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button:not(:disabled):hover,.tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button:not(:disabled):focus-visible{border:1px solid var(--line);background:var(--menu-bg);border-bottom-width:0;border-radius:10px 10px 0 0}.tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>.aspect-menu{z-index:31;border:1px solid var(--line);background:var(--menu-bg);box-shadow:none;border-top-width:0;border-radius:0 0 10px 10px;animation:none;top:100%}.tool-shell.tool-panel-card .fold-box.is-menu-open.menu-up>.aspect-picker>button.active,.tool-shell.tool-panel-card .fold-box.is-menu-open.menu-up>.aspect-picker>button:not(:disabled):hover,.tool-shell.tool-panel-card .fold-box.is-menu-open.menu-up>.aspect-picker>button:not(:disabled):focus-visible{border-top-width:0;border-bottom-width:1px;border-radius:0 0 10px 10px}.tool-shell.tool-panel-card .fold-box.is-menu-open.menu-up>.aspect-picker>.aspect-menu{border-top-width:1px;border-bottom-width:0;border-radius:10px 10px 0 0;top:auto;bottom:100%}.tool-shell.tool-panel-card .fold-box:has(.fold-panel .fold-box.is-menu-open){z-index:20;position:relative;overflow:visible}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open),.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open){box-shadow:none;background:0 0;border:0}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active),.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active){border-radius:10px}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button{box-shadow:none;background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):hover,.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):focus-within,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):hover,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):focus-within{background:#ffffff14;border-radius:10px}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):hover>.aspect-picker>button:not(:disabled):hover,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):hover>.aspect-picker>button:not(:disabled):hover{box-shadow:none;background:0 0;border-color:#0000}}html[data-theme=light] .tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):hover,html[data-theme=light] .tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):focus-within,html[data-theme=light] .tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):hover,html[data-theme=light] .tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):focus-within{background:color-mix(in srgb, var(--studio-pink) 8%, #fff)}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):hover,.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):focus,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):hover,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):focus,.tool-shell.tool-panel-card .fold-box:not(.is-menu-open)>.aspect-picker>button.active{box-shadow:none;background:0 0;border-color:#0000}.tool-shell.tool-panel-card .tool-card>.fold-box>.fold-panel{gap:12px;padding-top:4px;padding-bottom:4px;display:grid}.tool-shell.tool-panel-card .fold-panel>.tool-setting,.tool-shell.tool-panel-card .tool-setting>.tool-setting{gap:12px;padding:0}.tool-shell.tool-panel-card .perler-cut-inputs{margin:0}.tool-shell.tool-panel-card .tool-adjust-row+.tool-adjust-row{border-top:0;margin-top:0}.tool-shell.tool-panel-card .tool-row+.tool-row:before{content:none;display:none}.tool-shell.tool-panel-card .tool-batch-item{border-top:0}.tool-shell.tool-panel-card .tool-batch-item+.tool-batch-item{position:relative}.tool-shell.tool-panel-card .tool-batch-item+.tool-batch-item:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:20px;right:20px}.tool-shell.tool-panel-card .fold-box:not(.aspect-fold)>.fold-toggle:hover,.tool-shell.tool-panel-card .fold-box:not(.aspect-fold)>.fold-toggle:active,.tool-shell.tool-panel-card .fold-box:not(.aspect-fold)>.fold-toggle:focus-visible{box-shadow:none;background:0 0}@media (hover:hover) and (pointer:fine){.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):active,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):active{background:#ffffff14;border-radius:10px}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):active,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):active{box-shadow:none;background:0 0;border-color:#0000}}.tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):focus-visible,.tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active)>.aspect-picker>button:not(:disabled):focus-visible{box-shadow:none;background:0 0;border-color:#0000}html[data-theme=light] .tool-shell.tool-panel-card .tool-menu-select.fold-box:not(.is-menu-open):not(.active):active,html[data-theme=light] .tool-shell.tool-panel-card .tool-export-picker.fold-box:not(.is-menu-open):not(.active):active{background:color-mix(in srgb, var(--studio-pink) 8%, #fff)}html[data-theme=dark] .tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button.active,html[data-theme=dark] .tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button:not(:disabled):hover,html[data-theme=dark] .tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>button:not(:disabled):focus-visible,html[data-theme=dark] .tool-shell.tool-panel-card .fold-box.is-menu-open>.aspect-picker>.aspect-menu{background:var(--thumb-matte)}.tool-shell.tool-panel-card .fold-box:not(.aspect-fold).active>.fold-panel{margin-top:10px;padding-top:12px;position:relative}.tool-shell.tool-panel-card .fold-box:not(.aspect-fold).active>.fold-panel:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:20px;right:20px}.tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active),.tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active):focus-within{box-shadow:none;background:0 0;border-radius:10px}.tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active):active{background:#ffffff14;border-radius:10px}@media (hover:hover) and (pointer:fine){.tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active):hover{background:#ffffff14;border-radius:10px}}html[data-theme=light] .tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active):active,html[data-theme=light] .tool-shell.tool-panel-card .tool-card .fold-box:not(.aspect-fold):not(.active):hover{background:color-mix(in srgb, var(--studio-pink) 8%, #fff)}.tool-shell.tool-panel-card .fold-box:not(.aspect-fold)>.fold-toggle:focus{box-shadow:none;background:0 0}.tool-shell.tool-panel-card .tool-card .fold-panel>label.tool-row{cursor:pointer;background:0 0;gap:12px;min-height:48px;padding-top:0;padding-bottom:0}.tool-shell.tool-panel-card .tool-card .fold-panel>label.tool-row>.custom-size-inputs{flex:auto;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}.tool-shell.tool-panel-card .tool-card .fold-panel>label.tool-row>.custom-size-inputs input{box-sizing:border-box;min-height:40px}.tool-shell.tool-panel-card .tool-card .fold-panel>.tool-reset{margin-top:0}.tool-shell.tool-panel-card .tool-card .fold-panel>.custom-size-inputs input,.tool-shell.tool-panel-card .tool-card .fold-panel>.custom-size-inputs span[aria-hidden=true]{min-height:40px}.tool-shell.tool-panel-card #ps-manual-fold>.fold-panel{gap:12px}