:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172630;--ink-muted:#4e616a;--line:#d5e1e2;--accent:#00665e;--accent-soft:#e4f2ee;background:#f2f5f5;font-family:system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:2;color:var(--accent);background:#fff;border-radius:.45rem;padding:.6rem .9rem;font-weight:650;position:absolute;inset:.75rem auto auto .75rem;transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:none}.app-shell{grid-template-columns:14rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-inline-end:1px solid var(--line);background:#fff;align-self:start;height:100dvh;padding:1.5rem .9rem;position:sticky;inset-block-start:0;overflow-y:auto}.site-brand{color:var(--accent);align-items:center;gap:.6rem;margin:0 0 1.65rem;padding-inline:.55rem;font-size:1.15rem;font-weight:750;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:.5rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.sidebar-nav{gap:1.3rem;display:grid}.nav-group-title{color:var(--ink-muted);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0 0 .35rem;padding-inline:.55rem;font-size:.75rem;font-weight:750;display:flex}.nav-group-icon{flex:none}.nav-items{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.nav-link{min-height:2.65rem;color:inherit;border:1px solid #0000;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.35rem;padding:.45rem .5rem;font-size:.9rem;text-decoration:none;display:flex}.nav-link-label{overflow-wrap:anywhere;min-width:0}.nav-link:hover{background:#f2f5f5}.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:#b8dbd4;font-weight:700}.app-main{width:min(100%,76rem);min-width:0;margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3rem)}.page-header{margin-block-end:1.5rem}.page-category{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:750}.page-description{max-width:64ch;color:var(--ink-muted);margin:.55rem 0 0;line-height:1.5}h1{margin:0;font-size:clamp(1.85rem,3.5vw,2.7rem);line-height:1.12}h2{margin:0;font-size:1.15rem}h3{margin:1.5rem 0 .4rem;font-size:1rem}.panel{border:1px solid var(--line);background:#fff;border-radius:.85rem}.tool-directory,.tool-guide{gap:1.5rem;display:grid}.directory-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.directory-card h3{margin:0}.directory-card p,.tool-guide p{margin:.6rem 0 0}.directory-card p,.tool-guide{color:var(--ink-muted);line-height:1.55}.directory-card a,.tool-guide a{color:var(--accent);text-underline-offset:.15em}.tool-guide{max-width:72ch;margin-block-start:2rem}.tool-guide h2{color:#172630}.tool-guide ol,.tool-guide ul{margin:.6rem 0 0;padding-inline-start:1.5rem}.tool-guide li+li{margin-block-start:.25rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{min-width:0;padding:1.2rem}.file-sizes{flex-wrap:wrap;gap:.25rem .85rem;display:flex}.file-sizes>span{max-inline-size:100%}.image-filter-overview-stage,.image-filter-pixel-view{background:conic-gradient(#e5ebec 25%, #f5f7f7 0 50%, #e5ebec 0 75%, #f5f7f7 0) 0 0 / 1rem 1rem;border-radius:.55rem}.image-filter-overview-stage{grid-template-columns:minmax(0,1fr);place-items:center;min-height:5rem;padding:.65rem;display:grid}.image-filter-overview-frame{width:min(100%, calc(18rem * var(--image-filter-ratio,1)));aspect-ratio:var(--image-filter-ratio,1);position:relative;overflow:hidden}.image-filter-overview-frame.can-move-region{cursor:crosshair}.image-filter-overview-frame img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.image-filter-region-outline{outline-offset:-1px;pointer-events:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #172630,0 0 0 100vmax #07171e7a}.image-filter-region-controls{margin-top:.7rem}.image-filter-region-controls p{color:var(--ink-muted);margin:.45rem 0;font-size:.88rem;line-height:1.45}.image-filter-pixel-view{padding:.55rem;overflow:auto}.image-filter-pixel-view canvas{margin-inline:auto;display:block}.image-filter-pixel-view[aria-busy=true] canvas{visibility:hidden}.crop-stage{padding:1rem}.crop-surface{width:min(100%, calc(29rem * var(--crop-ratio,1)));aspect-ratio:var(--crop-ratio,1);position:relative}.crop-surface img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:none;position:absolute;inset:0}.crop-selection{outline-offset:-1px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 100vmax #07171e8f}.crop-selection.is-dragging{cursor:grabbing}.crop-selection:focus-visible{outline:3px solid #42eee1}.crop-selection [data-edge]{place-items:center;width:1.75rem;height:1.75rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.crop-selection [data-edge]:after{content:"";border:1px solid var(--accent);background:#fff;border-radius:.16rem;width:.72rem;height:.72rem}.crop-selection [data-edge=nw]{cursor:nwse-resize;top:0;left:0}.crop-selection [data-edge=n]{cursor:ns-resize;top:0;left:50%}.crop-selection [data-edge=ne]{cursor:nesw-resize;top:0;left:100%}.crop-selection [data-edge=e]{cursor:ew-resize;top:50%;left:100%}.crop-selection [data-edge=se]{cursor:nwse-resize;top:100%;left:100%}.crop-selection [data-edge=s]{cursor:ns-resize;top:100%;left:50%}.crop-selection [data-edge=sw]{cursor:nesw-resize;top:100%;left:0}.crop-selection [data-edge=w]{cursor:ew-resize;top:50%;left:0}@media (width<=720px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{border-inline-end:0;border-block-end:1px solid var(--line);height:auto;padding:.9rem .8rem;position:static}.site-brand{margin-bottom:.8rem}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}}@media (width<=350px){.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-layout=workbench]{--wb-canvas:#f4f7f7;--wb-surface:#fff;--wb-quiet:#f8fafa;--wb-ink:#14252b;--wb-muted:#4d6268;--wb-line:#d9e4e4;--wb-control:#72868a;--wb-accent:#00665e;--wb-accent-hover:#00534d;--wb-accent-soft:#e3f3ef;--wb-stage:#132329;--wb-stage-ink:#e7f0f0;--wb-success:#176549;--wb-warning:#835400;--wb-error:#a52d2b;--wb-control-radius:.5rem;--wb-panel-radius:.75rem;--ink-muted:var(--wb-muted);--line:var(--wb-line);--accent:var(--wb-accent);--accent-soft:var(--wb-accent-soft);background:var(--wb-canvas);color:var(--wb-ink)}[data-layout=workbench] .sidebar{background:var(--wb-surface);padding:1.5rem 1rem}[data-layout=workbench] .site-brand{color:var(--wb-ink);margin-block-end:2rem;padding-inline:.25rem;font-size:1rem;line-height:1.2}[data-layout=workbench] .brand-mark{width:2.25rem;height:2.25rem}[data-layout=workbench] .sidebar-nav{gap:1.25rem}[data-layout=workbench] .nav-group-title{padding-inline:.625rem}[data-layout=workbench] .nav-items{gap:.125rem}[data-layout=workbench] .nav-link{min-height:2.25rem;padding:.375rem .625rem;font-size:.875rem;position:relative}[data-layout=workbench] .nav-link[aria-current=page]{border-color:#0000}[data-layout=workbench] .nav-link[aria-current=page]:before{background:var(--wb-accent);content:"";border-radius:.25rem;width:.1875rem;position:absolute;inset-block:.5rem;inset-inline-start:0}[data-layout=workbench] .app-main{padding:2rem clamp(1.5rem,2.5vw,2rem) 3rem}[data-layout=workbench] h1{letter-spacing:-.025em;font-size:clamp(1.625rem,3vw,2rem);line-height:1.25}[data-layout=workbench] .page-category{margin-block-end:.25rem}[data-layout=workbench] .page-description{font-size:.9375rem}[data-layout=workbench] .tool-guide{border-block-start:1px solid var(--wb-line);margin-block-start:2rem;padding-block-start:1.5rem;font-size:.875rem}.tool-menu-toggle{display:none}.workbench{gap:1rem;min-inline-size:0;font-size:.875rem;line-height:1.45;display:grid}.workbench :is(h2,h3,p,dl){margin:0}.workbench :is(h2,h3){font-size:1rem;line-height:1.5}.workbench-entry{border:1px solid var(--wb-line);border-radius:var(--wb-panel-radius);background:var(--wb-surface);min-inline-size:0}.workbench-entry:has(.workbench-empty:not([hidden])){border-color:var(--wb-control);border-style:dashed}.workbench-entry.is-dragging{border-color:var(--wb-accent);outline:2px dashed var(--wb-accent);outline-offset:-5px;background:var(--wb-accent-soft)}.workbench-empty{text-align:center;align-content:center;justify-items:center;gap:.75rem;min-height:19rem;padding:1.5rem;display:grid}.workbench .workbench-drop-title{font-size:1.25rem}.workbench-drop-active,.is-dragging .workbench-drop-idle{display:none}.is-dragging .workbench-drop-active{display:inline}.workbench-hint,.workbench-privacy{color:var(--wb-muted);font-size:.8125rem}.workbench-icon{border-radius:var(--wb-control-radius);background:var(--wb-accent-soft);width:2.5rem;height:2.5rem;color:var(--wb-accent);flex:none;place-items:center;display:grid;position:relative}.workbench-empty .workbench-icon{width:3rem;height:3rem}.workbench-icon:empty:before{content:"";border:1.5px solid;border-radius:.1875rem;width:1rem;height:1.125rem}.workbench-icon[data-kind=video]:empty:after{content:"";border-block:.1875rem solid #0000;border-inline-start:.3125rem solid;margin-inline-start:.125rem;position:absolute}.workbench-icon[data-kind=image]:empty:after{content:"";border-block-start:1.5px solid;border-inline-start:1.5px solid;width:.4375rem;height:.4375rem;position:absolute;transform:translateY(.125rem)rotate(45deg)}.workbench-icon[data-kind=audio]:empty:after{content:"";background:currentColor;border-radius:.125rem;block-size:.5rem;inline-size:.125rem;position:absolute;box-shadow:-.1875rem .1rem,.1875rem -.1rem}.workbench-privacy{align-items:center;gap:.375rem;display:inline-flex}.workbench-privacy:before{forced-color-adjust:none;content:"";background:currentColor;flex:none;block-size:1rem;inline-size:1rem;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20%2013c0%204.7-3.3%207.2-7.6%208.9a1%201%200%200%201-.8%200C7.3%2020.2%204%2017.7%204%2013V6a1%201%200%200%201%201-1c2.2%200%204.5-1.3%206.3-2.7a1.1%201.1%200%200%201%201.4%200C14.5%203.7%2016.8%205%2019%205a1%201%200%200%201%201%201z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20%2013c0%204.7-3.3%207.2-7.6%208.9a1%201%200%200%201-.8%200C7.3%2020.2%204%2017.7%204%2013V6a1%201%200%200%201%201-1c2.2%200%204.5-1.3%206.3-2.7a1.1%201.1%200%200%201%201.4%200C14.5%203.7%2016.8%205%2019%205a1%201%200%200%201%201%201z'/%3e%3cpath%20d='m9%2012%202%202%204-4'/%3e%3c/svg%3e") 50%/contain no-repeat}.workbench-file{flex-wrap:wrap;align-items:center;gap:.75rem;min-inline-size:0;padding:.75rem;display:flex}.workbench-file-info{overflow-wrap:anywhere;flex:9rem;min-inline-size:0}.workbench-file-name{font-weight:650;display:block}.workbench-file .workbench-hint{margin-block-start:.125rem;display:block}.workbench-button,.tool-menu-toggle{border-radius:var(--wb-control-radius);min-height:2.75rem;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-weight:650;line-height:1.25;text-decoration:none}.workbench-button{background:var(--wb-accent);color:var(--wb-surface);display:inline-flex}.workbench-button:not(:disabled,[aria-disabled=true]):hover{background:var(--wb-accent-hover)}.workbench-button.workbench-button-secondary,.tool-menu-toggle{background:var(--wb-surface);border-color:var(--wb-control);color:var(--wb-ink)}.workbench-button.workbench-button-secondary:not(:disabled,[aria-disabled=true]):hover,.tool-menu-toggle:hover{background:var(--wb-quiet)}.workbench-button:disabled,.workbench-button[aria-disabled=true]{background:var(--wb-line);color:var(--wb-muted);cursor:default}.workbench :focus-visible,.tool-menu-toggle:focus-visible{outline:2px solid var(--wb-accent);outline-offset:3px}.workbench-panel{border:1px solid var(--wb-line);border-radius:var(--wb-panel-radius);background:var(--wb-surface);min-inline-size:0;padding:1rem}.workbench-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin-block-end:.75rem;display:flex}.workbench-stage{min-inline-size:0;border-radius:var(--wb-control-radius);background:var(--wb-stage);min-height:10rem;color:var(--wb-stage-ink);place-items:center;display:grid;overflow:hidden}.workbench .workbench-stage p{text-align:center;padding:1rem}.workbench-status{color:var(--wb-muted);overflow-wrap:anywhere;font-size:.8125rem}.workbench-status[data-state=ready]{color:var(--wb-success)}.workbench-status[data-state=warning]{color:var(--wb-warning)}.workbench-status[data-state=error]{color:var(--wb-error)}.workbench-properties>div{border-block-end:1px solid var(--wb-line);overflow-wrap:anywhere;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:baseline;gap:.5rem;padding-block:.375rem;display:grid}.workbench-properties>div:last-child{border-block-end:0}.workbench-properties dt{color:var(--wb-muted)}.workbench-properties dd{font-variant-numeric:tabular-nums;margin:0}.workbench-entry .workbench-status:not(:empty){text-align:center;padding:0 .875rem .75rem}.workbench-comparison,.workbench-inspection{align-items:start;gap:1rem;display:grid}.workbench-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-inspection{grid-template-columns:minmax(0,1fr) clamp(20rem,32vw,22.5rem)}.workbench-settings{flex-wrap:wrap;align-items:flex-end;gap:.875rem 1.5rem;display:flex}.workbench-field{flex:10rem;gap:.375rem;min-inline-size:0;max-inline-size:20rem;display:grid}.workbench-field :is(label,legend){font-weight:650}.workbench-field :is(select,input:not([type=range],[type=checkbox])){inline-size:100%;border:1px solid var(--wb-control);border-radius:var(--wb-control-radius);background:var(--wb-surface);min-height:2.75rem;color:var(--wb-ink);font:inherit;font-variant-numeric:tabular-nums;padding:.5rem .625rem}.workbench-field :is(select,input):disabled{opacity:.6}.workbench :is(input[type=range],input[type=checkbox],progress){accent-color:var(--wb-accent)}.workbench-check{align-items:center;gap:.5rem;min-height:2.75rem;font-weight:650;display:inline-flex}.workbench-check input{margin:0}.workbench .workbench-settings-note{border-block-start:1px solid var(--wb-line);margin-block-start:.75rem;padding-block-start:.75rem}.workbench-image-stage{aspect-ratio:4/3;background:conic-gradient(#e6eded 25%, #f7fafa 0 50%, #e6eded 0 75%, #f7fafa 0) 0 0 / 1rem 1rem;min-height:0;color:var(--wb-ink);grid-template:minmax(0,1fr)/minmax(0,1fr)}.workbench-image-stage>img{object-fit:contain;block-size:100%;min-block-size:0;inline-size:100%;display:block}.workbench-stage>video{inline-size:100%}.workbench-stage :is(video,audio):focus-visible{outline-color:var(--wb-stage-ink);outline-offset:-4px}.workbench .workbench-result-details,.workbench .workbench-result-details .workbench-button{margin-block-start:.75rem}.workbench .workbench-facts{border-radius:var(--wb-control-radius);background:var(--wb-quiet);grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem .75rem;margin-block-end:.5rem;padding:.875rem;display:grid}.workbench-facts dt{color:var(--wb-muted);font-size:.75rem}.workbench-facts dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.125rem 0 0;font-weight:650}.workbench-disclosure{border-block-end:1px solid var(--wb-line)}.workbench-disclosure:last-child{border-block-end:0}.workbench-disclosure>summary{cursor:pointer;min-block-size:2.5rem;padding-block:.625rem;font-weight:650}.workbench-disclosure[open]{padding-block-end:.625rem}.workbench-count{float:inline-end;background:var(--wb-accent-soft);min-inline-size:1.25rem;color:var(--wb-accent);text-align:center;border-radius:.375rem;padding:.0625rem .375rem;font-size:.75rem}@media (width<=1024px){.workbench-inspection{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){[data-layout=workbench]{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}[data-layout=workbench] .sidebar{border-inline-end:0;border-block-end:1px solid var(--wb-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;height:auto;padding:.75rem 1rem;display:grid;position:static;overflow:visible}[data-layout=workbench] .site-brand{margin:0}[data-layout=workbench] .tool-menu-toggle:not([hidden]){display:inline-flex}[data-layout=workbench] .sidebar-nav{border-block-start:1px solid var(--wb-line);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.75rem;padding-block-start:.75rem}[data-layout=workbench] .tool-menu-toggle:not([hidden])[aria-expanded=false]+.sidebar-nav{display:none}[data-layout=workbench] .app-main{padding:1.5rem 1rem 2rem}}@media (width<=680px){.workbench-comparison{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){[data-layout=workbench] .nav-link{min-height:2.75rem}.workbench-disclosure>summary{min-block-size:2.75rem}}