:root{color-scheme:light dark;--bg:#fbfaf8;--surface:#fff;--surface-muted:#f4f3f0;--text:#1b1c1e;--text-muted:#5d6169;--border:#e2e0dc;--border-strong:#8a867e;--accent:#2f5bd7;--accent-strong:#244bb0;--accent-soft:#eaf0fe;--danger:#c02626;--danger-soft:#fdeeee;--success:#0f7a4d;--success-soft:#e9f6ef;--on-accent:#fff;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "Noto Sans Mono", monospace;--radius:10px;--radius-sm:6px;--tap-size:44px;--content-width:68rem;--space-page:clamp(1rem, 4vw, 2rem)}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1b1e23;--surface-muted:#22262c;--text:#e9ebee;--text-muted:#a4aab4;--border:#2e333a;--border-strong:#767e8b;--accent:#8ab0ff;--accent-strong:#a8c4ff;--accent-soft:#1e2735;--danger:#ff9b93;--danger-soft:#2c1d1d;--success:#5fd39b;--success-soft:#16251f;--on-accent:#14161a}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);overflow-wrap:anywhere;flex-direction:column;margin:0;font-size:1rem;line-height:1.75;display:flex}h1,h2,h3{letter-spacing:.01em;overflow-wrap:normal;word-break:auto-phrase;margin:0;line-height:1.35}p{margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--content-width);padding-inline:var(--space-page);margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:56px;padding-block:.5rem;display:flex}.site-header__brand{letter-spacing:.01em;color:var(--text);padding-block:.5rem;font-size:1.05rem;font-weight:700;text-decoration:none}.site-header__brand:hover{color:var(--accent)}.site-nav{flex-wrap:wrap;gap:.25rem .75rem;font-size:.9rem;display:flex}.site-nav a{min-height:var(--tap-size);color:var(--text-muted);align-items:center;padding-inline:.35rem;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a[aria-current=page]{font-weight:600}main{flex:1;padding-block:clamp(1.75rem,5vw,3.25rem)}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.875rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;padding-block:1rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.site-footer a{min-height:var(--tap-size);color:var(--text-muted);align-items:center;text-decoration:none;display:inline-flex}.site-footer a:hover{color:var(--accent);text-decoration:underline}.stack{flex-direction:column;gap:1.5rem;display:flex}.stack--tight{flex-direction:column;gap:.75rem;display:flex}.page-title{font-size:clamp(1.5rem,4.5vw,2rem)}.page-lead{color:var(--text-muted);max-width:46rem}.section-title{font-size:1.05rem;font-weight:600}.prose{flex-direction:column;gap:1rem;max-width:44rem;display:flex}.prose h2{margin-top:1rem;font-size:1.15rem}.prose ul{flex-direction:column;gap:.4rem;margin:0;padding-inline-start:1.25rem;display:flex}.prose dt{font-weight:600}.prose dd{color:var(--text-muted);margin:0 0 .75rem}.btn{min-height:var(--tap-size);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.95rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-muted)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn--quiet{color:var(--text-muted);border-color:#0000}.btn--quiet:hover{border-color:var(--border);color:var(--text)}.btn--small{padding:.25rem .8rem;font-size:.85rem}.btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}label,.field-label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}textarea,input[type=text],input[type=search],input[type=number],input[type=datetime-local]{width:100%;min-height:var(--tap-size);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;padding:.6rem .75rem;font-size:1rem}textarea{font-family:var(--font-mono);resize:vertical;white-space:pre;overflow-wrap:normal;min-height:10rem;font-size:.9rem;line-height:1.6;overflow:auto}textarea[readonly]{background:var(--surface-muted)}.radio-group{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.radio-group label,.checkbox-label{min-height:var(--tap-size);cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:.95rem;font-weight:400;display:inline-flex}input[type=radio],input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin:0}.hint{color:var(--text-muted);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,3vw,1.5rem)}.tool-grid{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=60rem){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:100%;color:inherit;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent);background:var(--accent-soft);color:inherit}.tool-card__name{color:var(--accent);font-weight:600}.tool-card__description{color:var(--text-muted);font-size:.875rem;line-height:1.6}.tool-panes{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=56rem){.tool-panes--split{grid-template-columns:repeat(2,minmax(0,1fr))}textarea{min-height:14rem}}.pane{flex-direction:column;gap:.5rem;min-width:0;display:flex}.pane__header{min-height:var(--tap-size);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pane__header>label,.pane__header>.field-label{margin-bottom:0}.status{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);align-items:flex-start;gap:.5rem;padding:.6rem .85rem;font-size:.9rem;line-height:1.6;display:flex}.status--ok{border-color:var(--success);background:var(--success-soft);color:var(--success)}.status--error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.status__icon{flex-shrink:0;font-weight:700}.privacy-note{color:var(--text-muted);border-left:3px solid var(--border-strong);align-items:baseline;gap:.5rem;padding:.15rem 0 .15rem .75rem;font-size:.85rem;display:flex}.privacy-note--server{border-left-color:var(--danger);color:var(--danger)}.result-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.result-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);grid-template-columns:1fr;gap:.15rem .75rem;padding:.6rem .75rem;display:grid}@media (width>=34rem){.result-row{grid-template-columns:11rem minmax(0,1fr) auto;align-items:center}}.result-row__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.result-row__value{font-family:var(--font-mono);white-space:nowrap;padding-bottom:.1rem;font-size:.95rem;overflow-x:auto}.related-tools ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.related-tools a{min-height:var(--tap-size);border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:999px;align-items:center;padding:.25rem .85rem;font-size:.9rem;text-decoration:none;display:inline-flex}.related-tools a:hover{border-color:var(--accent);background:var(--accent-soft)}.hero{flex-direction:column;gap:.75rem;max-width:44rem;display:flex}.hero__title{letter-spacing:.005em;font-size:clamp(1.85rem,7vw,3rem)}.hero__lead{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.1rem)}.search{flex-direction:column;gap:.5rem;max-width:44rem;display:flex}.search__label{font-size:1rem}.search input[type=search]{min-height:52px;font-size:1.05rem}.search__status{color:var(--text-muted);min-height:1.5rem;font-size:.875rem}.toast-region{pointer-events:none;z-index:50;flex-direction:column;align-items:center;gap:.5rem;padding-inline:1rem;display:flex;position:fixed;inset-block-end:max(1rem, env(safe-area-inset-bottom));inset-inline:0}.toast{border:1px solid var(--border-strong);background:var(--surface);max-width:min(28rem,100%);color:var(--text);border-radius:999px;padding:.65rem 1.1rem;font-size:.9rem;animation:.16s ease-out toast-in;box-shadow:0 6px 20px #00000024}.toast--error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.skip-link{z-index:100;min-height:var(--tap-size);border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-start-start-radius:0;border-end-end-radius:var(--radius-sm);align-items:center;padding:.5rem 1.25rem;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:-100%;inset-inline-start:0}.skip-link:focus{inset-block-start:0}.clipboard-helper{opacity:0;pointer-events:none;position:fixed}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}