:root{color-scheme:light;scrollbar-gutter:stable both-edges;--paper:#fff;--white:#fff;--ink:#182436;--muted:#516076;--line:#dce4f0;--accent:#155bd7;--tint:#edf4ff;color:var(--ink);background:var(--paper);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}p,h1,h2,h3,dl,dd,figure{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tool-skip{z-index:5;background:var(--white);padding:8px 14px;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.tool-skip:focus{transform:none}.tool-container{--section-gap:24px;--surface-inset:20px;width:min(100% - 64px,860px);margin-inline:auto;padding-bottom:55px}.tool-masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:65px;font-size:14px;display:flex}.tool-wordmark{align-items:center;gap:9px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.brand-icon{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.brand-icon svg{width:18px;height:18px}.tool-button{color:#fff;background:var(--accent);white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:10px 19px;font-weight:750;line-height:1.25;text-decoration:none;display:inline-flex}.tool-button:hover{background:#114ab0}.tool-intro{padding-block:var(--section-gap)}.tool-intro h1{font-size:clamp(30px,4vw,40px);font-weight:750;line-height:1.2}.tool-intro>p{color:var(--muted);margin-top:8px}.tool-surface{border:1px solid var(--line);background:var(--white);border-radius:10px}.catalog-entry{padding:14px var(--surface-inset);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;scroll-margin-top:16px;text-decoration:none;display:grid}.catalog-entry:hover{background:#f8fbff}.catalog-icon{width:46px;height:46px;color:var(--accent);background:var(--tint);border-radius:9px;place-items:center;display:grid}.catalog-icon svg{width:23px;height:23px}.catalog-entry h2{font-size:20px;line-height:1.3}.catalog-formats{color:var(--muted);flex-wrap:wrap;column-gap:10px;margin-top:4px;font-size:13px;display:flex}.catalog-formats span{white-space:nowrap}.catalog-action{min-height:42px;padding:8px 13px;font-size:14px}.catalog-entry:hover .catalog-action{background:#114ab0}.tool-panel-body{padding:10px var(--surface-inset)}.tool-progress,.tool-result{padding-block:6px 10px}.tool-state-title{font-size:clamp(20px,3vw,24px);line-height:1.35}.tool-state-title:focus{outline:none}.tool-state-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.tool-upload{text-align:center;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;display:flex}.tool-upload .tool-button{width:min(100%,238px);min-height:54px;font-size:18px}.tool-upload .tool-button svg{width:22px;height:22px}.input-format{flex-wrap:wrap;justify-content:center;column-gap:12px;margin-top:4px;display:flex}.tool-progress p,.input-format{color:var(--muted);font-size:13px}.tool-progress progress{width:min(100%,360px);height:10px;accent-color:var(--accent);margin:12px 0 8px;display:block}.tool-text-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:5px 0;font-size:14px;font-weight:700}.tool-text-button:hover{text-underline-offset:4px;text-decoration:underline}.tool-error{color:#7d3024;background:#fbefea;border-radius:4px;margin:8px 0 0;padding:9px 12px}.tool-filename{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:13px}.tool-note{color:#784c20;margin-top:7px;font-size:13px}.tool-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){:root{scrollbar-gutter:stable}.tool-container{--section-gap:18px;--surface-inset:12px;width:calc(100% - 32px)}.tool-masthead{min-height:56px}.tool-intro>p{font-size:15px}.catalog-entry{gap:8px;padding-block:11px}.catalog-entry .catalog-icon{width:34px;height:34px}.catalog-entry .catalog-icon svg{width:18px;height:18px}.catalog-entry h2{font-size:17px}.catalog-formats{font-size:12px}.catalog-action{gap:5px;min-height:44px;padding-inline:9px;font-size:13px}.tool-upload{padding-block:15px}}@media (width<=380px){.tool-container{width:calc(100% - 24px)}}