.tool-page[data-astro-cid-xqrakt4q]{padding-block:var(--space-6) var(--space-8)}.tool-head[data-astro-cid-xqrakt4q]{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.tool-icon[data-astro-cid-xqrakt4q]{border-radius:var(--radius);width:46px;height:46px;color:var(--tool-color,var(--brand));background:color-mix(in srgb, var(--tool-color,var(--brand)) 12%, transparent);border:1px solid color-mix(in srgb, var(--tool-color,var(--brand)) 25%, transparent);flex-shrink:0;place-items:center;display:grid}.tool-head[data-astro-cid-xqrakt4q] h1[data-astro-cid-xqrakt4q]{margin:0 0 var(--space-2);font-size:1.7rem;line-height:1.25}.tool-intro[data-astro-cid-xqrakt4q]{color:var(--text-soft);max-width:68ch;margin:0;line-height:1.7}.tool-privacy[data-astro-cid-xqrakt4q]{margin:var(--space-5) 0 0;color:var(--text-mute);align-items:center;gap:.45rem;max-width:72ch;font-size:.85rem;line-height:1.6;display:flex}.tool-privacy[data-astro-cid-xqrakt4q] svg{flex-shrink:0}.tool-layout[data-astro-cid-xqrakt4q]{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.tool-main[data-astro-cid-xqrakt4q]{min-width:0}.tool-rail[data-astro-cid-xqrakt4q]{top:calc(var(--header-h) + var(--space-4));position:sticky}.rail-inner[data-astro-cid-xqrakt4q]{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.rail-inner[data-astro-cid-xqrakt4q] h2[data-astro-cid-xqrakt4q]{margin:0 0 var(--space-3);letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute);font-size:.78rem;font-weight:800}.more-grid[data-astro-cid-xqrakt4q]{gap:var(--space-2);grid-template-columns:1fr;display:grid}.more-card[data-astro-cid-xqrakt4q]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);border:1px solid #0000;transition:border-color .15s,color .15s;display:flex}.more-card[data-astro-cid-xqrakt4q]:hover{border-color:var(--tool-color,var(--brand));color:var(--tool-color,var(--brand));text-decoration:none}.more-icon[data-astro-cid-xqrakt4q]{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--tool-color,var(--brand));background:color-mix(in srgb, var(--tool-color,var(--brand)) 12%, transparent);flex-shrink:0;place-items:center;display:grid}.more-text[data-astro-cid-xqrakt4q]{min-width:0}.more-text[data-astro-cid-xqrakt4q] strong[data-astro-cid-xqrakt4q]{font-size:.86rem;font-weight:600;line-height:1.35}.more-text[data-astro-cid-xqrakt4q]>span[data-astro-cid-xqrakt4q]{display:none}@media (width<=1100px){.tool-layout[data-astro-cid-xqrakt4q]{gap:var(--space-6);grid-template-columns:1fr}.tool-rail[data-astro-cid-xqrakt4q]{position:static}.more-grid[data-astro-cid-xqrakt4q]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.more-text[data-astro-cid-xqrakt4q]>span[data-astro-cid-xqrakt4q]{color:var(--text-mute);font-size:.8rem;line-height:1.5;display:block}.more-card[data-astro-cid-xqrakt4q]{padding:var(--space-3);align-items:flex-start}}@media (width<=640px){.tool-page[data-astro-cid-xqrakt4q]{padding-block:var(--space-5) var(--space-7)}.tool-head[data-astro-cid-xqrakt4q]{gap:var(--space-3);margin-bottom:var(--space-5)}.tool-icon[data-astro-cid-xqrakt4q]{width:40px;height:40px}.tool-head[data-astro-cid-xqrakt4q] h1[data-astro-cid-xqrakt4q]{font-size:1.4rem}.tool-intro[data-astro-cid-xqrakt4q]{font-size:.95rem}.more-grid[data-astro-cid-xqrakt4q]{grid-template-columns:1fr}}.t-panel{gap:var(--space-4);display:grid}.t-split{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.t-field{gap:var(--space-2);min-width:0;display:grid}.t-label{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-soft);font-size:.85rem;font-weight:600;display:flex}.t-label .t-hint{color:var(--text-mute);font-size:.8rem;font-weight:400}.t-input,.t-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:.95rem;line-height:1.65;transition:border-color .15s,box-shadow .15s}.t-textarea{resize:vertical;min-height:190px}.t-mono{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.6}.t-input:focus-visible,.t-textarea:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.t-textarea::placeholder,.t-input::placeholder{color:var(--text-mute)}.t-textarea[readonly],.t-input[readonly]{background:var(--bg-soft)}.t-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.t-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem .9rem;font-family:inherit;font-size:.88rem;font-weight:550;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.t-btn:hover{background:var(--bg-soft);border-color:var(--brand-border);color:var(--brand)}.t-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.t-btn--primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.t-btn--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--on-brand)}.t-btn--end{margin-inline-start:auto}.t-switch{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);gap:3px;padding:3px;display:inline-flex}.t-switch button{min-height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;font-weight:550;transition:background .15s,color .15s}.t-switch button:hover{color:var(--text)}.t-switch button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.t-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.t-status{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.6;display:none}.t-status.is-shown{display:flex}.t-status.is-ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.t-status.is-err{background:var(--err-soft);border-color:var(--err-border);color:var(--err)}.t-status code{font-family:var(--font-mono);font-size:.85em}.t-result{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);display:grid}.t-result-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.t-result-name{letter-spacing:.02em;text-transform:uppercase;color:var(--text-mute);font-size:.8rem;font-weight:650}.t-result-value{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.6}.t-result-value:empty:before{content:"—";color:var(--text-mute)}.t-copy{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:.3rem;padding:.25rem .5rem;font-family:inherit;font-size:.78rem;transition:color .15s,border-color .15s;display:inline-flex}.t-copy:hover{color:var(--brand);border-color:var(--brand-border)}.t-copy:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.t-copy.is-done{color:var(--ok);border-color:var(--ok-border)}.t-meta{gap:var(--space-1) var(--space-4);color:var(--text-mute);flex-wrap:wrap;font-size:.8rem;display:flex}.t-about{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);max-width:68ch}.t-about h2{margin:0 0 var(--space-3);font-size:1.1rem}.t-about h3{margin:var(--space-5) 0 var(--space-2);font-size:.98rem}.t-about p{margin:0 0 var(--space-3);color:var(--text-soft);font-size:.95rem;line-height:1.75}.t-about ul{margin:0 0 var(--space-3);gap:var(--space-2);padding-inline-start:1.3em;display:grid}.t-about li{color:var(--text-soft);font-size:.95rem;line-height:1.7}.t-about li::marker{color:var(--brand)}.t-about code{font-family:var(--font-mono);background:var(--code-bg);border-radius:4px;padding:.1em .35em;font-size:.85em}@media (width<=720px){.t-split{grid-template-columns:1fr}.t-textarea{min-height:150px}.t-btn--end{margin-inline-start:0}}
