.tool-header[data-astro-cid-mqzpnqfb]{padding:40px 0 28px}.crumb[data-astro-cid-mqzpnqfb]{margin:0 0 14px;font-size:13px}.crumb[data-astro-cid-mqzpnqfb] a[data-astro-cid-mqzpnqfb]{color:var(--muted);text-decoration:none}.crumb[data-astro-cid-mqzpnqfb] a[data-astro-cid-mqzpnqfb]:hover{color:var(--shu)}.title-row[data-astro-cid-mqzpnqfb]{display:flex;align-items:center;gap:14px}h1[data-astro-cid-mqzpnqfb]{margin:0;font-size:clamp(24px,4.5vw,32px)}.lead[data-astro-cid-mqzpnqfb]{margin:14px 0 12px;max-width:46em;color:var(--ink-soft);font-size:15px}.points[data-astro-cid-mqzpnqfb]{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--ink)}.points[data-astro-cid-mqzpnqfb] li[data-astro-cid-mqzpnqfb]:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--shu);vertical-align:2px}.note[data-astro-cid-mqzpnqfb]{margin:10px 0 0;font-size:12px;color:var(--muted)}.howto[data-astro-cid-mqzpnqfb]{margin-top:64px;padding:56px 0;background:var(--paper-deep)}.others[data-astro-cid-mqzpnqfb]{margin-top:64px}.grid[data-astro-cid-mqzpnqfb]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.tool-body .panel{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;min-width:0}.tool-body .panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;font-family:var(--serif);font-size:18px;font-weight:600}.tool-body .step-no{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:12px;font-weight:500;vertical-align:2px}.tool-body .hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.7}.tool-body .label{display:block;margin-bottom:6px;font-size:13px;font-weight:500}.tool-body .label small{margin-left:6px;font-weight:400;color:var(--muted);font-size:12px}.tool-body input[type=text],.tool-body input[type=url],.tool-body input[type=number],.tool-body select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--paper);color:var(--ink);font-size:15px}.tool-body textarea.code{display:block;width:100%;resize:vertical;padding:14px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.7;tab-size:2}.tool-body textarea.code.dark{background:var(--code-bg);color:var(--code-ink);border-color:var(--code-bg)}.tool-body input:focus,.tool-body select:focus,.tool-body textarea:focus{outline:none;border-color:var(--shu);box-shadow:0 0 0 3px var(--shu-soft)}.tool-body input[type=range],.tool-body input[type=checkbox]{accent-color:var(--shu)}.tool-body .seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}.tool-body .seg button{min-height:40px;border:0;border-left:1px solid var(--line-strong);background:var(--paper);font-size:13px}.tool-body .seg button:first-child{border-left:0}.tool-body .seg button.on{background:var(--ink);color:var(--paper);font-weight:500}.toast{position:fixed;z-index:60;left:16px;right:16px;bottom:24px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:12px 18px;border-radius:var(--r);background:var(--ink);color:var(--paper);font-size:14px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.2s}.toast.on{opacity:1;transform:translateY(0)}.toast b{color:var(--shu-soft);font-weight:500}.howto .kicker{margin-bottom:8px}.howto h2{margin:0 0 8px;font-size:clamp(21px,3vw,26px)}.howto>.wrap>p{margin:0 0 24px;color:var(--ink-soft);font-size:14px}.howto .steps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin:0;padding:0;list-style:none;counter-reset:s}.howto .steps li{counter-increment:s;padding:18px;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);font-size:13px;color:var(--ink-soft);line-height:1.8}.howto .steps li:before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;border:1px solid var(--shu);color:var(--shu);font-family:var(--serif);font-weight:600}.howto .steps li.warn{border-color:var(--shu)}.howto .steps h3{margin:0 0 4px;font-family:var(--sans);font-size:14px;font-weight:700}.howto code{padding:1px 6px;border-radius:4px;background:var(--paper-deep);font-family:var(--mono);font-size:12px}.howto .rules{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.howto .rules div{padding:16px;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-lg);font-size:13px;color:var(--ink-soft)}.howto .rules strong{display:block;margin-bottom:4px;color:var(--ink);font-size:14px}