.tools-page{padding-bottom:100px}.tools-status{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:22px;font-size:12px;display:flex}.tools-status a{color:var(--select)}.tool-filter{border:1px solid var(--line-strong);background:var(--surface);height:50px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 16px;display:flex}.tool-filter:focus-within{border-color:var(--select);box-shadow:0 0 0 3px var(--select-fill)}.tool-filter input{background:0 0;border:0;flex:1;min-height:0;padding:0;font-size:16px}.tool-filter input:focus-visible{outline:none}.tool-packs{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tool-packs a{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:inline-flex}.tool-packs a:hover{border-color:var(--select);background:var(--select-fill)}.tool-packs span{font-family:var(--mono);color:var(--muted);font-size:11px}.tool-section{scroll-margin-top:calc(var(--header-h) + 16px);margin-top:44px}.tool-section header,.tool-related header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:14px;display:flex}.tool-section h2,.tool-related h2{letter-spacing:-.035em;font-size:24px}.tool-section h2 a:hover{color:var(--select)}.tool-section header span{font-family:var(--mono);color:var(--muted);font-size:12px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;display:grid}.tool-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:14px 16px;transition:border-color .12s,background .12s;display:grid}.tool-card:hover,.tool-card:focus-visible{border-color:color-mix(in srgb, var(--select) 55%, transparent);background:color-mix(in srgb, var(--select) 6%, var(--surface))}.tool-card strong{font-weight:600}.tool-card>span{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;align-self:start;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-card svg{color:var(--select);opacity:.45;grid-area:1/2/span 2;align-self:center;transition:opacity .12s,transform .12s}.tool-card:hover svg{opacity:1;transform:translate(2px)}.tool-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:24px 40px;display:grid}.tool-facts{padding:24px}.tool-facts h2,.tool-how h2{letter-spacing:-.03em;margin-bottom:16px;font-size:22px}.tool-facts dl{grid-template-columns:minmax(8rem,auto) minmax(0,1fr);gap:10px 20px;margin:0;font-size:14.5px;display:grid}.tool-facts dt{font-family:var(--mono);color:var(--muted);padding-top:2px;font-size:12px}.tool-facts dd{margin:0}.tool-facts dd a{color:var(--select)}.tool-how ol{counter-reset:step;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.tool-how li{counter-increment:step;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:36px;padding-left:46px;display:flex;position:relative}.tool-how li:before{content:counter(step);border:1px dashed var(--select);background:var(--select-fill);width:32px;height:32px;color:var(--select);font-family:var(--mono);border-radius:8px;place-items:center;font-size:13px;display:grid;position:absolute;top:0;left:0}.tool-keys{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.tool-related{margin-top:56px}@media (max-width:900px){.tool-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:540px){.tool-facts dl{grid-template-columns:minmax(0,1fr);gap:2px}.tool-facts dd{margin-bottom:10px}}.tool-example{border-left:3px solid var(--select);background:var(--select-fill);border-radius:0 12px 12px 0;margin:0;padding:20px}.tool-example h2{margin-bottom:8px;font-size:16px}.tool-example p{margin:0;line-height:1.65}.tool-facts dd,.tool-how li,.tool-example p{overflow-wrap:anywhere}.tool-detail .page-head-main{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.tool-detail .page-head-actions{min-width:0}@media (min-width:800px){.tool-detail .page-head-main{grid-template-columns:minmax(0,1fr) clamp(260px,30vw,380px)}}.tool-overview{gap:20px;min-width:0;display:grid}.tool-detail .tool-facts dl{grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr);gap:12px 18px}.tool-how{min-width:0}.tool-how ol{gap:18px;margin-bottom:0}.tool-how li{align-items:start}.tool-assurance{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:20px 40px;margin-top:28px;padding:20px 24px;display:grid}.tool-local h2{margin-bottom:6px;font-size:15px}.tool-local p{color:var(--muted);margin:0;font-size:14px}.tool-assurance .tools-status{margin:0}.tool-detail [id]{scroll-margin-top:calc(var(--header-h) + 20px)}@media (max-width:900px){.tool-assurance{grid-template-columns:minmax(0,1fr)}}@media (max-width:540px){.tool-detail .tool-facts dl{grid-template-columns:minmax(0,1fr);gap:2px}}.tool-layout>.tool-example{grid-column:1/-1;grid-template-columns:minmax(9rem,.3fr) minmax(0,1fr);align-items:start;gap:8px 24px;display:grid}.tool-layout>.tool-example h2{margin:0}@media (max-width:540px){.tool-layout>.tool-example{grid-template-columns:minmax(0,1fr)}}.action-motion{width:100%;min-width:0;margin:0}.as-desktop{aspect-ratio:1.22;border:1px solid var(--line-strong);background-color:var(--wallpaper);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1.4px);background-size:17px 17px;border-radius:14px;position:relative;overflow:hidden}.as-window{border:1px solid var(--line-strong);background:var(--surface);border-radius:7px;align-items:center;gap:4px;min-width:0;padding:7px 9px;display:flex;position:absolute;inset:12px 12px auto}.as-window>span{min-width:0;font:10px var(--mono);color:var(--muted);align-items:center;gap:6px;margin-right:auto;display:flex}.as-window>span svg{flex-shrink:0}.as-window>i{border:1px solid var(--line-strong);border-radius:50%;width:5px;height:5px}.as-files{justify-content:center;align-items:start;gap:12px;display:flex;position:absolute;inset-inline:22px}.as-files-in{top:21%}.as-files-out{animation:11s infinite as-reveal;top:64%}.as-tile{text-align:center;border:1px solid #0000;border-radius:6px;flex:0 80px;min-width:0;max-width:80px;padding:5px 4px;position:relative}.as-source{animation:11s infinite as-select}.as-art{aspect-ratio:4/3;transform-origin:50%;width:100%;position:relative}.as-art>svg{width:100%;height:100%;display:block}.as-filename{text-overflow:ellipsis;white-space:nowrap;font:9px var(--mono);color:var(--muted);margin-top:4px;display:block;overflow:hidden}.as-output{border-color:color-mix(in srgb, var(--select) 45%, transparent);background:var(--select-fill)}.as-format{background:var(--surface);color:var(--select);font:8px var(--mono);border-radius:3px;padding:2px 3px;position:absolute;top:1px;right:3px}.as-selection{border:1px dashed var(--select);background:var(--select-fill);transform-origin:0 0;border-radius:4px;width:calc(100% - 34px);height:34%;animation:11s infinite as-marquee;position:absolute;top:18%;left:17px}.as-cursor{z-index:4;animation:11s infinite as-cursor;position:absolute;top:80%;left:78%}.as-palette{z-index:3;width:76%;animation:11s infinite as-palette;position:absolute;top:32%;left:12%}.as-palette-bar{border-radius:9px;box-shadow:0 12px 35px #0004}.as-palette .cbar-head{gap:5px;padding:7px 9px;font-size:10px}.as-palette .cbar-meta{font-size:8px}.as-palette .cbar-brand{gap:5px}.as-palette .cbar-brand svg{width:15px;height:15px}.as-query{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px 9px;font-size:10px;display:flex}.as-query>svg{flex-shrink:0}.as-query>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.as-query>i{background:var(--select);flex-shrink:0;width:1px;height:12px}.as-action-row{background:var(--select-fill);color:var(--select);border-radius:5px;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:7px;margin:0 5px 5px;padding:7px;display:grid}.as-action-row>strong{color:var(--ink);font-size:10px;font-weight:550;line-height:1.35}.as-palette-footer{border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:4px;padding:5px 9px;display:flex}.as-palette-footer kbd{border:1px solid var(--line-strong);border-radius:3px;padding:0 3px}.as-result-caption{bottom:8px;font:9px var(--mono);color:var(--select);justify-content:center;align-items:center;gap:5px;animation:11s infinite as-reveal;display:flex;position:absolute;inset-inline:10px}.as-result-caption>span{min-width:0}.as-caption{font:10px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:9px 1px 0;display:flex}.as-caption>span{min-width:0}.as-caption button{font:inherit;flex-shrink:0;min-height:28px;padding:3px 7px}.as-size-bars{gap:4px;animation:11s infinite as-reveal;display:grid;position:absolute;top:59%;left:32%;right:32%}.as-size-bars span{background:var(--line-strong);border-radius:3px;height:3px}.as-size-bars span:last-child{background:var(--select);width:38%}.as-page-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;position:absolute;inset:9% 24%}.as-page-strip i{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);font:7px var(--mono);place-items:center;min-height:14px;display:grid}.as-stamp{color:var(--select);font-size:19px;position:absolute;bottom:12%;right:13%}.as-lock{color:var(--select);font-size:24px;position:absolute;top:0;right:10%}.as-check{color:var(--select);position:absolute;top:3px;right:4px}.as-report{border:1px solid var(--select);background:var(--surface);width:85px;color:var(--select);border-radius:6px;gap:6px;padding:10px;display:grid}.as-report i{background:var(--line-strong);border-radius:2px;height:3px;display:block}.as-report i:last-child{width:65%}.as-clipboard{width:20%;color:var(--select);background:var(--surface);border:1px solid var(--select);border-radius:5px;gap:4px;padding:6px;animation:11s infinite as-reveal;display:grid;position:absolute;top:63%;left:40%}.as-clipboard i{background:var(--line-strong);height:2px}.action-scene[data-effect=copy] .as-files-out{display:none}.action-scene[data-effect=rename] .as-files-out{top:21%}.action-scene[data-effect=rename] .as-source{animation-name:as-rename-source}.action-scene[data-effect=compress] .as-output .as-art{transform:scale(.8)}.action-scene[data-effect=rotate] .as-output .as-art{transform:rotate(var(--angle))}.action-scene[data-effect=resize] .as-output .as-art{transform:scale(.62)}.action-scene[data-detail=crop] .as-output .as-art{aspect-ratio:1;clip-path:inset(0 15%);transform:none}.action-scene[data-detail=pad] .as-output .as-art{background:var(--select-fill);border:1px solid var(--select);padding:7px;transform:none}.action-scene[data-effect=tone] .as-output .as-art{filter:grayscale()}.action-scene[data-detail=mask] .as-output .as-art{filter:blur(2px)}.action-scene[data-effect=clean] .as-source:after{content:"";border:1px solid var(--select);background:var(--select-fill);border-radius:3px;width:16px;height:8px;position:absolute;top:0;right:0}.as-levels{top:65%;justify-content:center;align-items:center;gap:5px;height:43px;animation:11s infinite as-reveal;display:flex;position:absolute;inset-inline:20%}.as-levels i{max-width:5px;height:var(--level);background:var(--select);border-radius:2px;flex:1;animation:11s infinite as-level}.action-scene[data-effect=normalize] .as-files-out{display:none}.as-no-selection{color:var(--muted);justify-items:center;gap:6px;font-size:10px;display:grid}.action-scene .as-desktop *,.action-scene .as-desktop :after{animation-play-state:paused}.action-scene[data-playing=true] .as-desktop *,.action-scene[data-playing=true] .as-desktop :after{animation-play-state:running}.action-scene[data-still=true] .as-desktop *,.action-scene[data-still=true] .as-desktop :after{animation:none}.action-scene[data-still=true] .as-cursor,.action-scene[data-still=true] .as-selection,.action-scene[data-still=true] .as-palette{display:none}.action-scene[data-still=true][data-effect=rename] .as-source{visibility:hidden}@keyframes as-select{0%,12%,to{background:0 0;border-color:#0000}18%,70%{border-color:var(--select);background:var(--select-fill)}}@keyframes as-marquee{0%,4%,27%,to{opacity:0;transform:scale(.02)}8%{opacity:1;transform:scale(.02)}19%,24%{opacity:1;transform:scale(1)}}@keyframes as-cursor{0%,to{opacity:0;top:80%;left:78%}4%{opacity:1;top:80%;left:78%}8%{opacity:1;top:18%;left:5%}20%{opacity:1;top:48%;left:89%}28%,59%{opacity:1;top:60%;left:77%}69%,88%{opacity:0;top:79%;left:80%}}@keyframes as-palette{0%,24%,65%,to{opacity:0;transform:translateY(8px)scale(.97)}31%,57%{opacity:1;transform:none}}@keyframes as-reveal{0%,62%,to{opacity:0;transform:translateY(6px)}73%,93%{opacity:1;transform:none}}@keyframes as-rename-source{0%,60%,to{opacity:1}68%,93%{opacity:0}}@keyframes as-level{0%,68%,to{height:var(--level)}78%,93%{height:24px}}@media (prefers-reduced-motion:reduce){.action-scene[data-effect] .as-desktop *,.action-scene[data-effect] .as-desktop :after{animation:none}.action-scene .as-cursor,.action-scene .as-selection,.action-scene .as-palette{display:none}}.action-scene[data-effect=combine] .as-source .as-art{animation:11s infinite as-bundle}.action-scene[data-effect=split] .as-output{animation:11s infinite as-fan}.action-scene[data-effect=extract] .as-output .as-art{animation:11s infinite as-extract}.action-scene[data-effect=compress] .as-output .as-art{animation:11s infinite as-compact}.action-scene[data-effect=rotate] .as-output .as-art{animation:11s infinite as-turn}.as-stamp{animation:11s infinite as-stamp}@keyframes as-bundle{0%,63%,87%,to{transform:none}74%,78%{transform:translateX(var(--travel)) scale(.78)}}@keyframes as-fan{0%,65%,to{transform:translateX(var(--travel)) scale(.5)}78%,93%{transform:none}}@keyframes as-extract{0%,65%,to{transform:translateY(-65px)scale(.65)}79%,93%{transform:none}}@keyframes as-compact{0%,65%,to{transform:scale(1)}79%,93%{transform:scale(.8)}}@keyframes as-turn{0%,65%,to{transform:rotate(0)}79%,93%{transform:rotate(var(--angle))}}@keyframes as-stamp{0%,73%,to{opacity:0;transform:scale(1.5)}80%,93%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.action-scene[data-effect][data-playing] .as-desktop *,.action-scene[data-effect][data-playing] .as-desktop :after{animation:none}}.as-shortcut{top:53%;color:var(--muted);font:10px var(--mono);justify-content:center;align-items:center;gap:5px;animation:11s infinite as-shortcut;display:flex;position:absolute;inset-inline:0}.as-shortcut kbd{border:1px solid var(--line-strong);background:var(--surface);box-shadow:0 2px 0 var(--line-strong);border-radius:5px;padding:3px 6px}.as-query>span{animation:11s steps(12,end) infinite as-type}@keyframes as-shortcut{0%,20%,35%,to{opacity:0;transform:translateY(3px)}24%,30%{opacity:1;transform:none}}@keyframes as-type{0%,31%,to{clip-path:inset(0 100% 0 0)}45%,65%{clip-path:inset(0)}}.action-scene[data-still=true] .as-shortcut{display:none}.action-scene[data-effect][data-playing] .as-desktop *,.action-scene[data-effect][data-playing] .as-desktop :after{animation-play-state:paused}.action-scene[data-effect][data-playing=true] .as-desktop *,.action-scene[data-effect][data-playing=true] .as-desktop :after{animation-play-state:running}.action-scene[data-effect][data-still=true] .as-desktop *,.action-scene[data-effect][data-still=true] .as-desktop :after{animation:none}@media (prefers-reduced-motion:reduce){.action-scene[data-effect][data-playing] .as-desktop *,.action-scene[data-effect][data-playing] .as-desktop :after{animation:none}.action-scene .as-shortcut{display:none}}.as-composite{background:var(--surface);border:1px solid var(--select);border-radius:3px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:100%;height:100%;padding:3px;display:grid}.as-composite>svg{width:100%;height:100%;display:block}