@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}}@layer tokens;@layer base{html{scroll-padding-top:2rem}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--on-solid);z-index:10;padding:.75rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}}@layer layout{nav{flex-wrap:wrap;align-items:center;gap:2rem;font-size:.875rem;display:flex}nav a{align-items:center;gap:.4rem;min-height:44px;display:flex}nav a:hover{color:var(--focus)}h1{letter-spacing:-.045em;font-size:clamp(2rem,4vw,2.8rem);font-weight:680;line-height:1.3}kbd{color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:0 .5rem;font-size:.875rem}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}h2{letter-spacing:-.02em;font-size:1.125rem;font-weight:650}h2>span{color:var(--muted);letter-spacing:0;margin-left:.8rem;font-size:.8125rem;font-weight:400}.device-note{color:var(--muted);font-size:.8125rem}.empty-icon{border:1px dashed var(--control-line);color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.tool-card:hover{border-color:var(--control-line);box-shadow:0 5px 20px #10232d07}.card-top{justify-content:space-between;align-items:center}.tool-icon{place-items:center;display:grid}.tool-icon.text{background:var(--blue-bg);color:var(--blue)}.tool-icon.developer{background:var(--success-bg);color:var(--success)}[data-id=url-codec] .tool-icon{background:var(--blue-bg);color:var(--blue)}.icon-button{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:.4rem;display:inline-grid}.icon-button:hover{background:var(--soft);color:var(--ink)}.card-link h3{justify-content:space-between;font-weight:620}.card-link h3 svg{color:var(--muted)}.card-link p{color:var(--muted);margin-top:.55rem}.card-bottom{border-top:1px solid var(--line);align-items:center;padding-top:.8rem;display:flex}.local-label{align-items:center;gap:.25rem}}@layer components{.button{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--on-solid);border-radius:9px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;display:inline-flex}.button.secondary{background:var(--surface);border-color:var(--control-line);color:var(--ink)}.button.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.storage-warning{color:var(--warning);background:var(--warning-bg);border-radius:8px;margin-top:1rem;padding:.8rem 1rem;font-size:.875rem}}@layer responsive{@media (width<=800px){nav{gap:1.2rem;margin-left:auto}.tool-grid{gap:.75rem}}@media (width<=620px){nav{gap:1rem;font-size:.8125rem}h1{font-size:2rem}h2>span,.empty-icon{display:none}.tool-grid{grid-template-columns:1fr}.card-link p{min-height:0}.card-link{margin:.8rem 0 1rem}}@media (prefers-reduced-motion:reduce){:before,:after{scroll-behavior:auto!important;transition:none!important}}h1,h2,h3,.saved-list a{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}.tool-card:hover{border-color:var(--control-line);box-shadow:0 6px 18px #10232d12}.tool-actions,.section-header,.result-heading,.privacy-line{flex-wrap:wrap}.tool-icon.image{color:var(--blue);background:var(--blue-bg)}.tool-icon.document{color:var(--purple);background:var(--purple-bg)}.tool-icon.calculation{color:var(--success);background:var(--success-bg)}.tool-icon.everyday{color:var(--warning);background:var(--warning-bg)}.directory-link{margin:0 0 32px}@media (width<=800px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.tool-grid{grid-template-columns:1fr}}}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans,sans-serif}button,input,select,textarea{font:inherit}input[type=range],progress{accent-color:var(--accent)}button:disabled{cursor:not-allowed}.tool-card .card-top{display:contents}.tool-card .tool-icon{inset-inline-start:16px;border-radius:7px;width:34px;height:34px;position:absolute;top:16px;background:var(--blue-bg)!important;color:var(--blue)!important}.tool-card .tool-icon svg{width:20px;height:20px}.tool-card .card-link h3{align-items:center;gap:6px;min-height:34px;margin:0;padding-inline-start:44px;font-size:15px;line-height:1.45;display:flex}.tool-card .card-link h3 svg{width:15px;height:15px;margin-inline-start:auto}.tool-card .local-label{display:none}.tool-card .featured-label{border-radius:3px;padding:1px 5px;font-size:10px;color:var(--blue)!important;background:var(--blue-bg)!important}.tool-card .card-top .save-button{inset-inline-end:0;z-index:1;width:44px;height:44px;position:absolute;bottom:0}.tool-card .save-button svg{width:16px;height:16px}.save-button[aria-pressed=true]{color:var(--accent)!important;background:var(--soft)!important}.save-button[aria-pressed=true] svg{fill:var(--soft)!important}.breadcrumb{margin-bottom:20px;font-size:13px}.trust-notice{margin:14px 0 16px;font-size:13px}.related-tools{margin-top:28px}.related-tools h2{margin-bottom:14px;font-size:18px}.button.primary,.button:not(.secondary):not(.danger){background:var(--accent);color:var(--accent-ink)}.button:hover{filter:brightness(.97)}@media (width<=620px){.tool-card .tool-icon{inset-inline-start:12px;width:27px;height:27px;top:12px}.tool-card .card-link h3{min-height:30px;padding-inline-start:34px;font-size:14px!important}.tool-card .card-link h3 svg{display:none}.tool-card .card-link p{margin:10px 0;line-height:1.55;font-size:12px!important}.tool-card .card-bottom{font-size:10px}.related-tools{margin-top:24px}}@media (width<=359px){.tool-card .tool-icon{margin-bottom:7px;position:static}.tool-card .card-top{display:block}.tool-card .card-link h3{min-height:0;padding:0!important;font-size:13px!important}.tool-card{min-height:162px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.workspace :is(.button,button.primary):disabled{background:var(--soft)!important;color:var(--muted)!important;border:1px solid var(--line)!important;opacity:1!important;box-shadow:none!important}.home-shell .tool-grid,.related-tools .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.tool-card,.home-shell .tool-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;padding:16px;display:flex;position:relative}.tool-card .card-link,.home-shell .card-link{flex-direction:column;flex:1;display:flex;margin:0!important}.tool-card .card-link p,.home-shell .card-link p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin:10px 0 12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.tool-card .card-bottom,.home-shell .card-bottom{color:var(--muted);border:0;justify-content:flex-start;gap:8px;min-height:20px;padding:0;padding-inline-end:30px;font-size:11px;margin-top:auto!important}.my-panel,.workspace,.tool-help-details,.task-help-details,.tool-panel{border-radius:10px!important}@media (width<=960px){.home-shell .tool-grid,.related-tools .tool-grid,.saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.home-shell .tool-grid,.related-tools .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card,.home-shell .tool-card{min-height:140px!important;padding:12px!important}}:root,:root[data-theme=light]{color-scheme:light;--bg:#f8fafc;--surface:#fff;--ink:#182230;--muted:#526071;--line:#dbe2eb;--soft:#f1f5f9;--control-line:#9aa8ba;--accent:#2563eb;--accent-ink:#fff;--focus:#2563eb;--on-solid:#fff;--radius:10px;--blue:#2563eb;--blue-bg:#eff6ff;--purple:#2563eb;--purple-bg:#eff6ff;--success:#226844;--success-bg:#edf7f0;--success-line:#abc9b5;--danger:#ad2936;--warning:#76531a;--warning-bg:#fff5dd;--warning-line:#d1ad69;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=dark]{color-scheme:dark;--bg:#101419;--surface:#1a2028;--ink:#f1f5f9;--muted:#b7c2d0;--line:#344050;--soft:#242d39;--control-line:#64748b;--accent:#60a5fa;--accent-ink:#101a2a;--focus:#60a5fa;--on-solid:#101a2a;--blue:#93c5fd;--blue-bg:#22334b;--purple:#93c5fd;--purple-bg:#22334b;--success:#a7d6b8;--success-bg:#1f352b;--success-line:#527563;--danger:#ff9ba7;--warning:#f1d096;--warning-bg:#3b3020;--warning-line:#947747}:root{--tr-bg:var(--bg);--tr-surface:var(--surface);--tr-ink:var(--ink);--tr-muted:var(--muted);--tr-line:var(--line);--tr-soft:var(--soft);--tr-control:var(--control-line);--tr-accent:var(--accent);--tr-success:var(--success);--tr-success-bg:var(--success-bg);--tr-on-solid:var(--on-solid);--tr-page:1264px}.site-header .brand{align-items:center;display:inline-flex}.site-header .brand-mark{box-shadow:none;background:0 0;place-items:center;display:grid}.site-header .brand-mark svg{width:100%;height:100%}.site-header .header-inner nav{align-items:center;display:flex}.site-header nav>a{white-space:nowrap;align-items:center;display:flex}.site-header .theme-choice{appearance:none;box-sizing:border-box;text-overflow:ellipsis;border:1px solid var(--line);background:var(--surface) url(/chevron.svg) right .75rem center/12px 8px no-repeat;font:inherit;border-radius:9px;padding:8px 2rem 8px 12px;overflow:hidden}.site-header .header-note{display:none!important}.site-header .locale-menu{border:0!important;margin:0!important;padding:0!important}.site-header .locale-menu summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.site-header .locale-menu summary::-webkit-details-marker{display:none}.site-header .locale-options a{box-sizing:border-box;align-items:center;display:flex}.site-footer{display:block}.footer-feedback,.footer-base{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-feedback{border-bottom:1px solid var(--line);padding-bottom:20px}.footer-feedback strong{color:var(--ink)}.footer-base{padding-top:20px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;line-height:1.6;display:flex}.breadcrumb a:hover{text-decoration:underline}.trust-notice{color:var(--muted);gap:10px;line-height:1.6;display:flex}.trust-notice>svg{color:var(--success);flex-shrink:0;margin-top:3px}.trust-notice strong{color:var(--ink)}.trust-notice p{margin:4px 0 0}.trust-notice a,.trust-summary a{text-underline-offset:3px;color:inherit;text-decoration:underline}@media (width<=620px){.footer-feedback,.footer-base{flex-direction:column;align-items:flex-start;gap:12px}.site-header nav svg{display:none}}html[dir=rtl] .site-header .theme-choice{background-position:.75rem;padding:8px 12px 8px 2rem}.site-header,[data-tr-shell-header]{background:var(--surface)!important;border-bottom:1px solid var(--line)!important}.site-header .header-inner,[data-tr-shell-header] .tr-header-inner{box-sizing:border-box!important;flex-wrap:wrap!important;align-items:center!important;gap:24px!important;width:100%!important;max-width:1264px!important;height:auto!important;min-height:72px!important;margin:0 auto!important;padding:12px 32px!important;display:flex!important}.site-header .brand,[data-tr-shell-header] .tr-brand{color:var(--ink)!important;gap:9px!important;font-family:inherit!important;font-size:24px!important;font-weight:750!important;line-height:1.2!important}.site-header .brand-mark,[data-tr-shell-header] .tr-brand-mark{flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important}.site-header .header-inner nav,[data-tr-shell-header] nav.tr-nav{flex-wrap:wrap!important;gap:24px!important;margin-inline-start:auto!important;font:14px/1.5 inherit!important;position:static!important}.site-header nav>a,[data-tr-shell-header] nav.tr-nav>a{color:var(--muted)!important;min-height:44px!important;position:relative!important}.site-header nav>a[aria-current=page]:after{content:"";inset-inline:0;background:var(--accent);height:2px;position:absolute;bottom:0}.site-header .theme-choice,[data-tr-shell-header] .tr-theme-choice{border-color:var(--line)!important;background-color:var(--surface)!important;width:116px!important;min-width:0!important;max-width:116px!important;height:44px!important;color:var(--ink)!important;flex:0 0 116px!important;font-size:13px!important}.site-header .locale-menu,.site-header .locale-menu summary{color:var(--muted)!important;background:0 0!important;min-height:44px!important;font-size:14px!important}.site-header .locale-menu{min-height:0!important;display:block!important;position:relative!important}.site-header .locale-options{top:100%!important;background:var(--surface)!important;border:1px solid var(--line)!important;z-index:100!important;border-radius:10px!important;width:224px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;max-height:min(480px,100dvh - 110px)!important;padding:6px!important;position:absolute!important;inset-inline:auto 0!important;overflow:auto!important;box-shadow:0 8px 24px #0002!important}.site-header .locale-options a{height:auto!important;min-height:44px!important;color:var(--ink)!important;white-space:normal!important;border-radius:6px!important;padding:9px 12px!important;font-size:14px!important}.site-header .locale-options a:hover,.site-header .locale-options a[aria-current=page]{background:var(--soft)!important;color:var(--accent)!important}.home-shell,.tool-shell,.media-task-shell,.site-footer{max-width:1264px!important;margin-inline:auto!important;padding-inline:32px!important}.site-footer{font-size:13px;border-color:var(--line)!important;padding-top:22px!important;padding-bottom:28px!important}.footer-feedback{align-items:center;font-size:13px}.footer-feedback>div:last-child:has(a[href^=mailto\:]){display:none}.footer-feedback-actions{flex-wrap:wrap;gap:20px;display:flex}.footer-feedback-actions a+a{margin-inline-start:0}.footer-feedback a{color:var(--accent)!important}.footer-base{font-size:12px}@media (width<=960px){.site-header .header-inner,[data-tr-shell-header] .tr-header-inner,.site-header .header-inner nav,[data-tr-shell-header] nav.tr-nav{gap:14px!important}}@media (width<=620px){.site-header .header-inner,[data-tr-shell-header] .tr-header-inner{gap:8px!important;min-height:0!important;padding:10px 16px 0!important;position:relative!important}.site-header .brand,[data-tr-shell-header] .tr-brand{font-size:21px!important}.site-header .theme-choice,[data-tr-shell-header] .tr-theme-choice{flex-basis:94px!important;width:94px!important;max-width:94px!important;margin-inline-start:auto!important;font-size:12px!important}.site-header .header-inner nav,[data-tr-shell-header] nav.tr-nav{border:0!important;order:3!important;justify-content:center!important;gap:16px!important;width:100%!important;margin:0!important;padding:0!important;font-size:12px!important;position:static!important}.site-header nav>a,.site-header .locale-menu summary{font-size:12px!important}.site-header .locale-menu{position:static!important}.site-header .locale-options{top:100%!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 150px)!important;position:absolute!important;inset-inline:16px!important}.home-shell,.tool-shell,.media-task-shell,.site-footer{padding-inline:16px!important}.footer-feedback,.footer-base{gap:12px}.footer-feedback-actions{gap:16px}.footer-base{align-items:center}.footer-base nav{justify-content:center;gap:16px}.site-footer{font-size:12px}}@media (width<=359px){.site-header .brand,[data-tr-shell-header] .tr-brand{font-size:20px!important}.site-header .header-inner nav,[data-tr-shell-header] nav.tr-nav{gap:11px!important}}.site-header nav>[data-tool-search]{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.site-header nav>[data-tool-search]:hover{color:var(--accent)}.site-header .brand-mark,[data-tr-shell-header] .tr-brand-mark{color:var(--accent)!important}