.tool__app{--tool-field-h:44px;color:var(--c-text)}.tool__app .hl-tool{font:400 15px/22px var(--font-body);letter-spacing:-.006em;background:0 0;border:0;border-radius:0;margin:0;padding:0}.tool__app .hl-tool h3{font:600 20px/28px var(--font-heading);letter-spacing:-.005em;font-variation-settings:"opsz" 14;color:var(--c-ink);margin:0 0 18px}.tool__app .hl-tool label{font:600 14px/20px var(--font-body);letter-spacing:-.006em;color:var(--c-ink);margin-bottom:6px;display:block}.tool__app .hl-tool .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.tool__app .hl-tool .hl-grid>div{flex-direction:column;justify-content:flex-end;display:flex}.tool__app .hl-tool input[type=number],.tool__app .hl-tool input[type=text],.tool__app .hl-tool select,.tool__app .hl-tool textarea{width:100%;min-height:var(--tool-field-h);border:1px solid var(--c-line-strong);border-radius:var(--radius-btn);background:var(--c-surface);font:400 16px/22px var(--font-body);color:var(--c-ink);box-shadow:var(--shadow-xs);padding:10px 12px;transition:border-color .15s,box-shadow .15s}.tool__app .hl-tool select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23686868' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.tool__app .hl-tool textarea{resize:vertical;min-height:132px}.tool__app .hl-tool input:focus-visible,.tool__app .hl-tool select:focus-visible,.tool__app .hl-tool textarea:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 20%, transparent);outline:none}.tool__app .hl-tool input::placeholder,.tool__app .hl-tool textarea::placeholder{color:var(--c-soft)}.tool__app .hl-tool .hl-radio{flex-wrap:wrap;gap:10px 20px;display:flex;margin-top:20px!important}.tool__app .hl-tool .hl-radio label{color:var(--c-text);cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:500;display:inline-flex}.tool__app .hl-tool input[type=radio],.tool__app .hl-tool input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-accent);margin:0}.tool__app .hl-tool input[type=range]{width:100%;accent-color:var(--brand-accent)}.tool__app .hl-tool .hl-note{font:400 14px/22px var(--font-body);color:var(--c-muted);margin:12px 0 0}.tool__app .hl-tool .hl-warn{font:500 14px/22px var(--font-body);color:var(--danger-700);margin:12px 0 0}.tool__app .hl-tool .hl-tip{border-radius:var(--c-radius-sm);background:var(--c-surface);box-shadow:var(--shadow-xs);font:400 15px/24px var(--font-body);color:var(--c-text);border:0;margin-top:16px;padding:16px 18px}.tool__app .hl-tool .hl-tip strong{color:var(--c-ink)}.tool__app .hl-tool .hl-ssi-bar{background:color-mix(in srgb, var(--brand-accent) 14%, var(--white));border-radius:99px;height:8px;margin:0 0 20px}.tool__app .hl-tool .hl-ssi-bar span{border-radius:inherit}.tool__app .hl-tool>.hl-in>h3:first-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.tool__app .hl-tool:has(>.hl-res){grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:stretch;gap:40px;display:grid}.tool__app .hl-in{min-width:0}.tool__app .hl-res{border-radius:var(--c-radius);background:var(--surface-tint-soft);align-self:stretch;min-width:0;padding:28px}.tool__app .hl-res .hl-out{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;display:grid}.tool__app .hl-res .hl-out>div{border-radius:var(--c-radius-sm);background:var(--c-surface);box-shadow:var(--shadow-xs);border:0;align-items:baseline;gap:14px;padding:12px 16px;display:flex}.tool__app .hl-res .hl-out b{min-width:96px;font:600 20px/26px var(--font-heading);letter-spacing:-.01em;font-variation-settings:"opsz" 14;color:var(--c-ink);flex:none}.tool__app .hl-res .hl-out span{font:400 14px/20px var(--font-body);color:var(--c-muted)}.tool__app .hl-res .hl-out>.hl-key{box-shadow:none;background:0 0;border-radius:0;order:-1;padding:4px 0 16px;display:block}.tool__app .hl-res .hl-out>.hl-key b{letter-spacing:-.03em;color:var(--brand);min-width:0;font-size:56px;line-height:60px;display:block}.tool__app .hl-res .hl-out>.hl-key span{font:600 16px/22px var(--font-body);color:var(--c-ink);margin-top:6px;display:block}.tool__app .hl-res .hl-src{font:400 13px/18px var(--font-body);color:var(--c-muted);margin-top:6px;display:block}.tool__app .hl-res .hl-total{font:600 64px/64px var(--font-heading);letter-spacing:-.03em;font-variation-settings:"opsz" 14;color:var(--brand)}.tool__app .hl-res .hl-total+.hl-note{font:600 18px/24px var(--font-body);color:var(--c-ink)}.tool__app .hl-res>p:has(.hl-total){margin:0 0 4px!important}.tool__app .hl-tool .hl-ssi-row{grid-template-columns:minmax(0,1fr) 44px;gap:16px;margin-bottom:18px}.tool__app .hl-tool .hl-ssi-row output{font:600 20px/28px var(--font-heading);color:var(--c-ink)}.tool__app .hl-in>.hl-note:first-child,.tool__app .hl-in>h3+.hl-note{margin:0 0 20px!important}.tool__app .hl-tool#hl-url{max-width:760px}.tool__app .hl-tool#hl-url input[type=text]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px}.tool__app .hl-tool#hl-url [data-out]{margin-top:10px}@media (width<=1039px){.tool__app #hl-sig .sg-ws{grid-template-columns:minmax(0,1fr)}.tool__app #hl-sig .sg-ws>*{min-width:0}.tool__app #hl-sig .sg-segtab{min-width:0;padding-left:4px;padding-right:4px}}@media (width<=767px){.tool__app #hl-sig .sg-mw-line{white-space:normal;overflow-wrap:anywhere}}@media (width<=991px){.tool__app .hl-tool:has(>.hl-res){grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=767px){.tool__app .hl-tool .hl-grid{grid-template-columns:minmax(0,1fr);gap:14px}.tool__app .hl-res{margin:0 -4px;padding:20px}.tool__app .hl-res .hl-out>.hl-key b{font-size:44px;line-height:48px}.tool__app .hl-res .hl-out b{font-size:20px;line-height:26px}.tool__app .hl-res .hl-total{font-size:52px;line-height:52px}}.tool[data-astro-cid-qditu6op]{background:var(--c-surface);padding:40px 0 72px}.tool__head[data-astro-cid-qditu6op]{flex-direction:column;align-items:flex-start;gap:14px;max-width:980px;margin-bottom:36px;display:flex}.tool__back[data-astro-cid-qditu6op]{font:600 14px/20px var(--font-body);letter-spacing:-.006em;color:var(--c-accent);align-items:center;gap:4px;margin-left:-4px;display:inline-flex}.tool__back[data-astro-cid-qditu6op]:hover{text-underline-offset:3px;text-decoration:underline}.tool__title[data-astro-cid-qditu6op]{font:600 48px/56px var(--font-heading);letter-spacing:-.02em;font-variation-settings:"opsz" 14;color:var(--c-ink);text-wrap:balance}.tool__lede[data-astro-cid-qditu6op]{max-width:780px;font:400 18px/28px var(--font-body);letter-spacing:-.011em;color:var(--c-muted)}.tool__panel[data-astro-cid-qditu6op]{border-radius:var(--c-radius-lg);box-shadow:var(--shadow-lg);padding:40px}.tool__panel--wide[data-astro-cid-qditu6op]{padding:32px}.tool__intro[data-astro-cid-qditu6op]{max-width:780px;margin-bottom:28px}.tool__intro[data-astro-cid-qditu6op] h2{font:600 24px/32px var(--font-heading);letter-spacing:-.005em;font-variation-settings:"opsz" 14;color:var(--c-ink);scroll-margin-top:96px}.tool__intro[data-astro-cid-qditu6op] p{font:400 16px/26px var(--font-body);letter-spacing:-.011em;color:var(--c-muted);margin-top:8px}.tool__intro[data-astro-cid-qditu6op] a{color:var(--c-accent);text-underline-offset:3px;text-decoration:underline}.tool__intro[data-astro-cid-qditu6op] strong{color:var(--c-ink);font-weight:600}.tool-body[data-astro-cid-qditu6op]{background:var(--c-surface);padding:24px 0 96px}.tool-body__prose[data-astro-cid-qditu6op]{max-width:var(--c-col);margin:0 auto}@media (width<=767px){.tool[data-astro-cid-qditu6op]{padding:24px 0 48px}.tool__head[data-astro-cid-qditu6op]{gap:10px;margin-bottom:24px}.tool__title[data-astro-cid-qditu6op]{font-size:32px;line-height:38px}.tool__lede[data-astro-cid-qditu6op]{font-size:16px;line-height:24px}.tool__panel[data-astro-cid-qditu6op],.tool__panel--wide[data-astro-cid-qditu6op]{border-radius:var(--c-radius);margin:0 -8px;padding:20px 16px}.tool__intro[data-astro-cid-qditu6op]{margin-bottom:20px}.tool__intro[data-astro-cid-qditu6op] h2{font-size:20px;line-height:28px}.tool__intro[data-astro-cid-qditu6op] p{font-size:15px;line-height:24px}.tool-body[data-astro-cid-qditu6op]{padding:8px 0 var(--section-y)}}