:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263d34;background:#f5f7f5;--green:#286b54;--line:#dce4de;--muted:#637269}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5996e6;outline-offset:3px}.container{max-width:1250px;width:calc(100% - 40px);margin:auto}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:20}.skip:focus{top:0}.site-header{height:60px;background:white;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand>span:last-child{font-weight:400}.brand-mark{display:grid;place-items:center;width:31px;height:34px;border-radius:7px;color:white;background:var(--green);margin-right:9px}.brand-mark .icon{width:21px}.site-header nav{display:flex;gap:23px;font-size:12px}.site-header nav a:hover,.site-footer a:hover{color:var(--green);text-decoration:underline}.header-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.header-note{font-size:10px;color:var(--muted)}.language{font-size:12px;display:flex;align-items:center;gap:5px}.language .icon{width:16px}.tool-switcher{display:flex;justify-content:space-between;align-items:center;margin:15px 0 12px;font-size:11px;color:var(--muted)}.tool-switcher label{display:flex;align-items:center;gap:8px}.tool-switcher select{background:white;border:1px solid var(--line);border-radius:6px;padding:6px 26px 6px 9px;color:#354b40;font-size:11px;max-width:220px}.work-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:16px}h1{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:0 0 5px;font-weight:650}.work-top p{font-size:12px;margin:0;color:var(--muted)}.local-badge{display:flex;align-items:center;gap:6px;background:#e9f1e8;border:1px solid #d5e4d4;border-radius:20px;padding:6px 10px;font-size:10px;color:var(--green);white-space:nowrap}.local-badge .icon{width:14px;height:14px}.workspace{background:white;border:1px solid var(--line);border-radius:11px;padding:19px}.workspace-grid{display:grid;grid-template-columns:1fr;gap:15px}.workspace-grid.with-preview{grid-template-columns:1fr 420px}.drop-zone{display:flex;align-items:center;gap:16px;background:#f5f8f2;border:1.5px dashed #afc6ad;border-radius:8px;padding:20px 22px;min-height:100px}.drop-zone.dragover{background:#e5f0de;border-color:var(--green)}.upload-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:#e6eede;border-radius:9px}.upload-icon .icon{width:25px;height:25px}.drop-copy{display:flex;flex-direction:column;gap:7px}.drop-copy strong{font-size:15px;font-weight:550}.drop-copy small{font-size:10px;color:var(--muted)}.drop-zone>.button{margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;background:var(--green);color:white;padding:10px 17px;min-height:38px;border-radius:6px;font-size:12px;font-weight:600}.button:hover{background:#19553e}.button.secondary{background:white;border-color:var(--line);color:#4b5d50}.button.secondary:hover{background:#eef3eb}.button .icon{width:17px;height:17px}.text-button{background:none;border:0;color:var(--green);font-size:11px;padding:6px}.file-list{list-style:none;padding:0;margin:0;max-height:205px;overflow:auto}.file-list:not(:empty){margin:12px 0}.file-row{display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;margin-top:6px;font-size:12px}.file-info{flex:1;min-width:0}.file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:var(--muted);font-size:10px;display:block;margin-top:3px}.file-actions{display:flex;gap:4px}.icon-button{border:1px solid var(--line);background:white;border-radius:4px;min-width:28px;min-height:28px;color:#55735e}.settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin-top:14px}.settings:empty{display:none}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#405a49;min-width:0}.field input,.field select,.field textarea{width:100%;min-height:36px;padding:8px 10px;border:1px solid #ccd8ce;border-radius:5px;color:#314b3a;background:white;font-size:12px}.field textarea{resize:vertical;line-height:1.6}.wide{grid-column:1/-1}.targets{border:0;padding:0;margin:0;display:flex;gap:8px;grid-column:span 2;min-width:0}.targets legend{font-size:11px;margin-bottom:6px;color:#405a49}.targets label{flex:1;position:relative;cursor:pointer}.targets input{position:absolute;opacity:0}.targets span{display:flex;justify-content:center;gap:7px;align-items:center;border:1px solid #ccd8ce;border-radius:6px;padding:10px 9px;background:#fafcf9;font-size:11px}.targets strong{font-size:15px;font-weight:600}.targets input:checked+span{background:#eaf3e6;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:#215940}.targets input:focus-visible+span{outline:3px solid #5996e6;outline-offset:3px}.workspace-note{font-size:10px;color:#68715d;line-height:1.65;margin:10px 0 0;max-width:1100px}.process-actions{display:flex;gap:8px;margin-top:13px}.status{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:10px 0 0}.status:empty{display:none}.status.error{color:#aa442e;background:#fff1ec;border-radius:6px;padding:9px 12px}.progress{margin:12px 0 0}.progress progress{width:100%;height:6px;accent-color:var(--green)}.results{border:1px solid #c9dbc6;border-radius:8px;padding:14px 16px;background:#f0f6eb;margin-top:13px}.results.warning{background:#fff9e9;border-color:#e4d3a9}.result-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.results h2{font-size:17px;margin:0;font-weight:600}.results p{font-size:11px;line-height:1.7;margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere}.results pre{max-height:260px;overflow:auto;white-space:pre-wrap;background:white;padding:12px;border-radius:6px;font:11px/1.6 ui-monospace,monospace}.tool-directory{margin:24px 0}.directory-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:11px}h2{font-size:19px;font-weight:600;letter-spacing:-.3px;margin:0}.directory-top h2 span{font-size:10px;padding:3px 7px;border-radius:10px;background:#e3eadd;margin-left:7px;color:#647d57;vertical-align:middle}.search-box{position:relative;width:245px}.search-box .icon{position:absolute;left:10px;top:10px;width:14px;height:14px;color:#81917f}.search-box input{height:34px;border:1px solid var(--line);border-radius:6px;padding:8px 10px 8px 32px;background:white;width:100%;font-size:11px}.filter-row{display:flex;gap:5px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.filter-row button{border:1px solid var(--line);background:white;padding:6px 10px;border-radius:5px;color:#687564;font-size:11px}.filter-row button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}#tool-count{font-size:10px;color:var(--muted);margin-left:auto}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tool-card{display:flex;gap:10px;align-items:center;min-width:0;background:white;border:1px solid var(--line);padding:12px 10px;border-radius:7px;min-height:69px;transition:border-color .15s,background .15s}.tool-card:hover{border-color:#86a780;background:#fbfdf9}.tool-card>span:last-child{min-width:0}.tool-card strong{font-size:12px;font-weight:550;display:block;margin-bottom:4px}.tool-card small{font-size:9px;line-height:1.4;color:#70806b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-icon{width:30px;height:33px;display:grid;place-items:center;flex:none;border-radius:6px}.tool-icon .icon{width:17px;height:17px}.green{background:#edf3e6;color:#68854c}.orange{background:#fbefe2;color:#be8752}.blue{background:#e9f1f8;color:#6295b4}.purple{background:#f1edfa;color:#8c77b3}.pink{background:#faecec;color:#bd7f7f}.yellow{background:#f7f2dc;color:#ae9a45}.compact-faq{border-top:1px solid var(--line);margin-top:28px;padding-top:4px}details{padding:12px 0;border-bottom:1px solid var(--line)}summary{font-size:12px;cursor:pointer}details p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:3px}.site-footer{margin-top:24px;border-top:1px solid var(--line);padding:18px 0;background:white}.footer-inner{display:flex;align-items:center;gap:20px;font-size:10px;color:#6b7d69}.footer-inner nav{display:flex;gap:20px;margin-left:auto}.preview-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:12px;align-self:start}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px}.preview-toolbar button{border:1px solid var(--line);background:white;border-radius:4px;min-width:34px;min-height:29px}.canvas-wrap{background:#e9eee7;border:1px solid var(--line);min-height:190px;margin-top:12px;max-height:570px;overflow:auto;text-align:center}.canvas-wrap canvas{max-width:100%;height:auto;display:block;margin:auto;cursor:crosshair}.inline-note{font-size:10px;line-height:1.7;color:var(--muted);margin:8px 0 0}.inline-note a{color:var(--green);text-decoration:underline}.signature-pad{font-size:11px}.signature-pad canvas{display:block;width:100%;height:110px;border:1px solid var(--line);background:#fff;touch-action:none;margin-top:8px;border-radius:6px}.annotation{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:7px 0;border-bottom:1px solid var(--line)}#form-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:400px;overflow:auto;margin-top:12px}.article-page{max-width:780px;padding:40px 0;min-height:65vh}.article-page p{line-height:1.9;font-size:14px;color:var(--muted)}.ad-slot:empty{display:none}.busy .drop-zone{opacity:.6}.busy #options{opacity:.65;pointer-events:none}
@media(max-width:1000px){.header-note{display:none}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-grid.with-preview{grid-template-columns:1fr 340px}.with-preview .settings{grid-template-columns:1fr 1fr}.with-preview .drop-zone{flex-wrap:wrap}.with-preview .drop-zone>.button{margin-left:0}.header-inner{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 24px)}.site-header{height:53px}.brand{font-size:19px}.brand-mark{width:28px;height:30px}.header-inner{gap:18px}.site-header nav{gap:12px;font-size:11px}.site-header nav a:nth-child(n+3){display:none}.header-actions{gap:0}.language{font-size:11px}.tool-switcher>span{display:none}.tool-switcher{margin:11px 0}.work-top{margin-bottom:10px}h1{font-size:24px}.work-top p{font-size:11px;line-height:1.5}.local-badge{padding:5px 7px;font-size:9px}.workspace{padding:13px}.drop-zone{padding:15px 12px;gap:10px;min-height:89px}.upload-icon{width:31px;height:35px}.upload-icon .icon{width:21px}.drop-copy strong{font-size:13px}.drop-copy small{font-size:9px;line-height:1.5}.drop-zone>.button{padding:9px 10px;font-size:11px;white-space:nowrap}.settings{grid-template-columns:1fr 1fr;gap:11px}.targets{grid-column:1/-1}.targets+label{grid-column:1/-1}.targets span{font-size:10px;padding:9px 6px;gap:5px}.targets strong{font-size:14px}.workspace-note{font-size:10px}.workspace-grid.with-preview{grid-template-columns:1fr}.with-preview .drop-zone{flex-wrap:nowrap}.with-preview .drop-zone>.button{margin-left:auto}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tool-card{min-height:64px;padding:10px 8px;gap:7px}.tool-card strong{font-size:11px}.tool-card small{font-size:9px}.tool-icon{width:27px;height:30px}.tool-directory{margin-top:19px}.directory-top{gap:8px}.directory-top h2{font-size:17px}.search-box{width:165px}.filter-row{gap:4px}.filter-row button{font-size:10px;padding:6px 8px}.preview-panel{max-width:100%}.canvas-wrap{max-height:520px}.footer-inner{gap:10px;flex-wrap:wrap}.footer-inner>span:nth-child(2){display:none}.result-top{gap:10px}.results h2{font-size:15px}.results .button{padding:9px 12px;white-space:nowrap}#form-fields{grid-template-columns:1fr}}
@media(max-width:480px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:61px}.tool-icon{height:29px;width:26px}.workspace-grid.with-preview .drop-copy small{max-width:138px}.local-badge .icon{display:none}.search-box{width:146px}.drop-copy small{max-width:137px}.brand{font-size:18px}.header-inner{gap:13px}.site-header nav{gap:10px}.tool-switcher select{max-width:190px}.targets span{gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Disclosure navigation: the same four groups are available at every width. */
.site-header{position:relative;z-index:10}
.header-inner{gap:24px;position:relative}
.site-header .main-navigation{display:flex;align-items:center;gap:4px}
.nav-group{position:static;padding:0;border:0}
.nav-group>summary{display:flex;align-items:center;gap:5px;list-style:none;padding:12px 9px;border-radius:6px;font-size:14px;font-weight:600;line-height:normal;white-space:nowrap;cursor:pointer}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:focus-visible{outline:3px solid #5996e6;outline-offset:2px}
.nav-group[open]>summary,.nav-group>summary:hover{background:#edf3e9;color:var(--green)}
.nav-chevron{width:12px;height:12px;flex:none;transition:transform .15s}
.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% - 1px);left:150px;max-width:calc(100% - 150px);width:650px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:14px;background:white;border:1px solid #d5e1d7;border-radius:0 0 10px 10px;box-shadow:0 12px 30px #243a2b18;max-height:calc(100dvh - 70px);overflow:auto}
.site-header .nav-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 9px;min-height:39px;font-size:13px;font-weight:400;line-height:1.5;border-radius:5px;color:#3d5145;text-decoration:none}
.site-header .nav-dropdown a:hover,.site-header .nav-dropdown a:focus-visible,.site-header .nav-dropdown a[aria-current="page"]{background:#edf5e9;color:#22573e;text-decoration:none}
.nav-dropdown .icon{width:18px;height:18px;color:#7e9773}
.nav-tool-icon{display:grid;place-items:center;width:31px;height:33px;flex:none;border-radius:6px}
.nav-dropdown .nav-tool-icon .icon{width:24px;height:24px;color:inherit}
.nav-toggle{display:none;border:1px solid var(--line);background:white;color:#314b39;border-radius:6px;min-height:36px;align-items:center;gap:6px;padding:8px 10px;font-size:12px}
.header-note{white-space:nowrap}
@media(max-width:1150px){.header-note{display:none}.header-inner{gap:16px}.nav-group>summary{padding-inline:8px}}
@media(max-width:860px){.site-header{height:56px}.header-inner{gap:12px}.header-actions{margin-left:auto}.nav-toggle{display:flex;margin-left:auto}.site-header .main-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:7px;background:white;border:1px solid var(--line);border-radius:0 0 9px 9px;box-shadow:0 12px 25px #21332616;max-height:calc(100dvh - 68px);overflow:auto}.site-header .main-navigation.is-open{display:block}.nav-group>summary{padding:12px;font-size:14px;justify-content:space-between}.nav-dropdown{position:static;width:auto;max-width:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;max-height:none;overflow:visible}.site-header .main-navigation .nav-dropdown a{display:flex;padding:10px 7px;font-size:13px;min-height:40px}.header-actions{margin-left:0}.nav-dropdown .icon{width:17px;height:17px}}
@media(max-width:360px){.nav-dropdown{grid-template-columns:1fr}.nav-toggle{padding:7px 9px}.header-inner{gap:9px}}
.preview-toolbar{gap:8px;flex-wrap:wrap}
#preview-fullscreen{margin-left:auto;font-size:11px;padding:6px 10px;color:var(--green);white-space:nowrap}
.preview-expanded{overflow:hidden}
.drop-zone{cursor:pointer}
.drop-zone:hover{background:#edf5e7;border-color:var(--green)}
.drop-zone:focus-visible{outline:3px solid #5996e6;outline-offset:3px}
.drop-zone[aria-disabled="true"]{cursor:wait}
.preview-panel.is-fullscreen,.preview-panel:fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;max-width:none;height:100dvh;margin:0;border:0;border-radius:0;padding:14px;background:#f5f7f5;display:flex;flex-direction:column;gap:10px}
.preview-panel.is-fullscreen .preview-toolbar,.preview-panel:fullscreen .preview-toolbar{flex:none;justify-content:flex-start;gap:15px;padding:0 4px}
.preview-panel.is-fullscreen .canvas-wrap,.preview-panel:fullscreen .canvas-wrap{flex:1;min-height:0;max-height:none;margin:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:12px}
.preview-panel.is-fullscreen .canvas-wrap canvas,.preview-panel:fullscreen .canvas-wrap canvas{width:auto;max-width:100%;max-height:100%;height:auto;object-fit:contain;margin:auto;flex:none}
.preview-panel.is-fullscreen .inline-note,.preview-panel:fullscreen .inline-note{flex:none;margin:0}
.brand{flex:none;white-space:nowrap;letter-spacing:-.65px}
.brand .brand-mark{width:38px;height:40px;margin-right:9px;background:transparent;border-radius:0}
.brand-mark img{width:100%;height:100%;display:block}
.brand .brand-wordmark{display:flex;align-items:baseline;font-size:inherit;font-weight:750;line-height:1.1}
.brand .brand-word{font-weight:450}
.brand .brand-domain{font-size:inherit;font-weight:750;color:#205d42;background:#e8f1de;border-radius:5px;padding:3px 5px;margin-left:3px;letter-spacing:-.6px}
.footer-domain{font-weight:650;color:#286b54}
.nav-dropdown{left:195px;max-width:calc(100% - 195px)}
@media(max-width:860px){.nav-dropdown{left:0;max-width:none}.brand .brand-mark{width:32px;height:34px;margin-right:7px}}
@media(max-width:360px){.brand{font-size:17px}.brand .brand-mark{width:28px;height:30px;margin-right:5px}.brand .brand-domain{padding:3px 4px;margin-left:2px}.header-inner{gap:8px}}