.percent-tool{gap:18px;display:grid}.percent-header{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.percent-header>div:first-child,.percent-input-card>header,.percent-result-card>header,.percent-batch-card>header>div:first-child,.percent-history-card>header>div:first-child{align-items:flex-start;gap:9px;display:flex}.percent-header svg,.percent-input-card header svg,.percent-result-card header svg,.percent-batch-card header svg,.percent-history-card header svg{color:var(--color-primary)}.percent-header h2,.percent-input-card h2,.percent-result-card h2,.percent-batch-card h2,.percent-history-card h2{margin:0;font-size:18px}.percent-header p,.percent-input-card p,.percent-result-card p,.percent-batch-card p,.percent-history-card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px;line-height:1.55}.percent-header-actions{flex-wrap:wrap;gap:7px;display:flex}.percent-header-actions button,.percent-result-card button,.percent-batch-card button,.percent-history-card button{border:1px solid var(--color-border);min-height:39px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding-inline:11px;font-weight:700;display:inline-flex}.percent-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.percent-mode-grid>button{border:1px solid var(--color-border);cursor:pointer;text-align:left;background:#f8f9fc;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:13px;display:grid}.percent-mode-grid>button:hover,.percent-mode-grid>button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft)}.percent-mode-grid svg{color:var(--color-primary)}.percent-mode-grid span,.percent-mode-grid strong,.percent-mode-grid small{display:block}.percent-mode-grid small{color:var(--color-text-secondary);margin-top:4px;line-height:1.45}.percent-main-grid{grid-template-columns:minmax(330px,.38fr) minmax(0,.62fr);gap:14px;display:grid}.percent-input-card,.percent-result-card,.percent-batch-card,.percent-history-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px;padding:18px}.percent-input-card>header,.percent-result-card>header,.percent-batch-card>header,.percent-history-card>header{margin-bottom:14px}.percent-input-card>label{gap:7px;margin-top:11px;display:grid}.percent-input-card label>span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px;font-weight:700}.percent-input-card input,.percent-input-card select{border:1px solid var(--color-border);background:#fff;border-radius:9px;width:100%;min-height:45px;padding-inline:10px}.percent-input-card input:focus,.percent-input-card select:focus,.percent-batch-grid textarea:focus{border-color:var(--color-primary);outline:3px solid var(--color-primary-soft)}.percent-error{color:#a12b2b;background:#fff1f1;border:1px solid #efc0c0;border-radius:9px;margin-top:12px;padding:10px;font-size:12px}.percent-result-card>header{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.percent-result-card>header>button{width:39px;padding:0}.percent-primary-result,.percent-secondary-result{border:1px solid var(--color-border);background:#f8f9fc;border-radius:12px;padding:18px}.percent-primary-result{background:#edf9f1;border-color:#bce3ca}.percent-secondary-result{background:#f2f3ff;border-color:#d3d8ff;margin-top:9px}.percent-primary-result span,.percent-primary-result strong,.percent-secondary-result span,.percent-secondary-result strong{display:block}.percent-primary-result span,.percent-secondary-result span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px}.percent-primary-result strong{overflow-wrap:anywhere;margin-top:7px;font-size:clamp(28px,4vw,46px)}.percent-secondary-result strong{margin-top:6px;font-size:22px}.percent-formula{color:#e3e9f4;background:#101522;border-radius:10px;margin-top:10px;padding:12px}.percent-formula span,.percent-formula code{display:block}.percent-formula span{text-transform:uppercase;color:#98a4b8;font-size:9px}.percent-formula code{overflow-wrap:anywhere;margin-top:5px}.percent-explanation{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;margin-top:10px;padding:12px;line-height:1.65}.percent-result-card>footer{justify-content:flex-end;margin-top:12px;display:flex}.percent-result-card button:disabled,.percent-batch-card button:disabled,.percent-history-card button:disabled{opacity:.45;cursor:default}.percent-examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.percent-examples article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;padding:13px}.percent-examples p{color:var(--color-text-secondary);margin:6px 0 0;font-size:12px;line-height:1.55}.percent-batch-card>header,.percent-history-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.percent-batch-card>header>div:last-child{gap:7px;display:flex}.percent-batch-grid{grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);gap:12px;display:grid}.percent-batch-grid>textarea{border:1px solid var(--color-border);resize:vertical;border-radius:11px;width:100%;min-height:350px;padding:14px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.percent-batch-results{align-content:start;gap:7px;max-height:430px;display:grid;overflow:auto}.percent-batch-results article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.percent-batch-results article.is-error{background:#fff1f1;border-color:#efc0c0}.percent-batch-results code{overflow-wrap:anywhere;background:#fff;border-radius:6px;padding:6px}.percent-batch-results p{color:var(--color-text);margin:0;font-size:12px}.percent-batch-results button{width:36px;min-height:36px;padding:0}.percent-batch-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.percent-batch-stats article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;padding:12px}.percent-batch-stats span,.percent-batch-stats strong{display:block}.percent-batch-stats span{color:var(--color-text-secondary);text-transform:uppercase;font-size:9px}.percent-batch-stats strong{margin-top:5px;font-size:16px}.percent-batch-card>footer{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.percent-batch-card>footer button:first-child{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.percent-history-card>div{gap:8px;display:grid}.percent-history-card>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:10px;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;display:grid}.percent-history-card article strong,.percent-history-card article small{display:block}.percent-history-card article small{color:var(--color-text-secondary);margin-top:4px}.percent-history-card article p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.percent-history-card article>div:last-child{gap:6px;display:flex}.percent-history-card article>div:last-child button:last-child{width:38px;padding:0}.percent-empty{border:1px dashed var(--color-border);color:var(--color-text-secondary);text-align:center;border-radius:10px;padding:20px}.percent-status{color:#267452;background:#eefaf4;border:1px solid #bde3cf;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:13px;display:grid}.percent-status span{color:var(--color-text-secondary);font-size:11px}.percent-privacy{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.percent-privacy svg{color:#267452}@media (width<=1000px){.percent-header{flex-direction:column;align-items:stretch}.percent-header-actions button{flex:1}.percent-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.percent-main-grid,.percent-batch-grid,.percent-history-card>div>article{grid-template-columns:1fr}.percent-history-card article p{white-space:normal}.percent-history-card article>div:last-child{justify-content:flex-end}}@media (width<=700px){.percent-examples,.percent-batch-stats{grid-template-columns:1fr 1fr}.percent-batch-card>header,.percent-history-card>header{flex-direction:column;align-items:stretch}.percent-batch-card>header>div:last-child{display:grid}.percent-batch-results article{grid-template-columns:1fr}.percent-batch-results button{width:100%}}@media (width<=470px){.percent-mode-grid,.percent-examples,.percent-batch-stats{grid-template-columns:1fr}}.tool-hero[data-astro-cid-f5zn2ry6]{padding-block:54px 38px}.breadcrumbs[data-astro-cid-f5zn2ry6]{color:var(--color-text-secondary);flex-wrap:wrap;gap:7px;font-size:12px;display:flex}.heading-grid[data-astro-cid-f5zn2ry6]{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:28px;display:flex}.heading-copy[data-astro-cid-f5zn2ry6]{max-width:900px}.category-label[data-astro-cid-f5zn2ry6],.section-kicker[data-astro-cid-f5zn2ry6]{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:750;display:block}h1[data-astro-cid-f5zn2ry6]{letter-spacing:-.052em;margin:0;font-size:clamp(39px,5vw,61px);line-height:1.04}.heading-copy[data-astro-cid-f5zn2ry6]>p[data-astro-cid-f5zn2ry6]{max-width:850px;color:var(--color-text-secondary);margin:18px 0 0;font-size:17px;line-height:1.7}.privacy-badge[data-astro-cid-f5zn2ry6]{color:#23734f;background:#f0faf5;border:1px solid #cfe9dd;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:20px;padding:8px 11px;font-size:12px;font-weight:650;display:flex}.format-list[data-astro-cid-f5zn2ry6]{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.format-list[data-astro-cid-f5zn2ry6] span[data-astro-cid-f5zn2ry6]{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.tool-workspace[data-astro-cid-f5zn2ry6]{padding-block:25px 80px}.container[data-astro-cid-f5zn2ry6].is-wide{max-width:1480px}.content-section[data-astro-cid-f5zn2ry6]{border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:78px}.content-layout[data-astro-cid-f5zn2ry6]{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:start;gap:72px;display:grid}.article[data-astro-cid-f5zn2ry6] section[data-astro-cid-f5zn2ry6]+section[data-astro-cid-f5zn2ry6]{margin-top:47px}.article[data-astro-cid-f5zn2ry6] h2[data-astro-cid-f5zn2ry6]{margin:0;font-size:clamp(25px,3vw,32px)}.article[data-astro-cid-f5zn2ry6] p[data-astro-cid-f5zn2ry6],.article[data-astro-cid-f5zn2ry6] li[data-astro-cid-f5zn2ry6]{color:var(--color-text-secondary);font-size:16px;line-height:1.8}.sidebar[data-astro-cid-f5zn2ry6]{position:sticky;top:100px}.sidebar-card[data-astro-cid-f5zn2ry6]{border:1px solid var(--color-border);background:#f8f9fc;border-radius:18px;padding:25px}.sidebar-icon[data-astro-cid-f5zn2ry6],.related-icon[data-astro-cid-f5zn2ry6]{background:var(--color-primary-soft);width:49px;height:49px;color:var(--color-primary);border-radius:14px;place-items:center;display:grid}.sidebar-icon[data-astro-cid-f5zn2ry6]{margin-bottom:18px}.sidebar-card[data-astro-cid-f5zn2ry6] ul[data-astro-cid-f5zn2ry6]{gap:10px;padding-left:19px;display:grid}.sidebar-card[data-astro-cid-f5zn2ry6] li[data-astro-cid-f5zn2ry6]{color:var(--color-text-secondary);font-size:14px;line-height:1.65}.related-section[data-astro-cid-f5zn2ry6]{background:#f6f8fc;padding-block:80px}.related-heading[data-astro-cid-f5zn2ry6]{margin-bottom:34px}.related-grid[data-astro-cid-f5zn2ry6]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.related-card[data-astro-cid-f5zn2ry6]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:21px;display:grid}.related-copy[data-astro-cid-f5zn2ry6] h3[data-astro-cid-f5zn2ry6]{margin:0;font-size:16px}.related-copy[data-astro-cid-f5zn2ry6] p[data-astro-cid-f5zn2ry6]{color:var(--color-text-secondary);margin:6px 0 0;font-size:13px}.related-arrow[data-astro-cid-f5zn2ry6]{color:var(--color-primary)}.faq-section[data-astro-cid-f5zn2ry6]{background:var(--color-surface);padding-block:82px}.faq-layout[data-astro-cid-f5zn2ry6]{grid-template-columns:minmax(250px,.42fr) minmax(0,.58fr);gap:72px;display:grid}.faq-list[data-astro-cid-f5zn2ry6]{gap:12px;display:grid}.faq-item[data-astro-cid-f5zn2ry6]{border:1px solid var(--color-border);background:#fafbfe;border-radius:16px;overflow:hidden}.faq-item[data-astro-cid-f5zn2ry6] summary[data-astro-cid-f5zn2ry6]{cursor:pointer;padding:19px 20px;font-weight:650}.faq-item[data-astro-cid-f5zn2ry6] p[data-astro-cid-f5zn2ry6]{color:var(--color-text-secondary);margin:0;padding:0 20px 20px;line-height:1.7}@media (width<=940px){.content-layout[data-astro-cid-f5zn2ry6],.faq-layout[data-astro-cid-f5zn2ry6]{grid-template-columns:1fr}.sidebar[data-astro-cid-f5zn2ry6]{position:static}.related-grid[data-astro-cid-f5zn2ry6]{grid-template-columns:1fr}}@media (width<=760px){.heading-grid[data-astro-cid-f5zn2ry6]{display:block}.format-list[data-astro-cid-f5zn2ry6]{justify-content:flex-start;margin-top:23px}}