:root{color-scheme:light;--bg: #ffffff;--surface: #fff;--ink: #252a27;--muted: #59645e;--line: #e7ebe7;--accent: #4d6c5a;--soft: #edf1eb;--selected: #e8f0e9;--selected-text: #34503d;--radius: 16px;--radius-small: 10px;--page-gutter: 32px;--card-padding: 26px;--card-gap: 18px;--shadow: 0 3px 16px #192a2005;--shadow-hover: 0 5px 20px #192a200a;--space: 1rem;--text-small: .8125rem;--text-base: 1rem;--content: 1120px}:root[data-theme=dark]{color-scheme:dark;--bg: #171c19;--surface: #1e2520;--ink: #edf1eb;--muted: #abb7ad;--line: #36423a;--accent: #a6c8ad;--soft: #28332b;--selected: #d5e5d6;--selected-text: #1d2a20;--shadow: 0 3px 16px #00000010;--shadow-hover: 0 5px 20px #00000020}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}.shell{width:min(var(--content),calc(100% - var(--page-gutter) * 2));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px 20px;background:var(--surface);transform:translateY(calc(-100% - 24px));clip-path:inset(50%);border:1px solid var(--accent);border-radius:6px}.skip-link:focus{transform:translateY(0);clip-path:none}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.logo{font-size:1.65rem;font-weight:750;letter-spacing:-.075em;text-decoration:none;white-space:nowrap}.logo>span:first-child{font-weight:450}.logo-period{color:var(--accent)}.primary-nav{display:flex;flex-wrap:wrap;gap:var(--space)}.header-actions{display:flex;align-items:center;gap:28px}.tools-nav{font-size:var(--text-small);text-decoration:none}.language-switch{display:flex;align-items:center;gap:3px}.language-switch a{display:grid;place-items:center;min-width:38px;min-height:44px;color:var(--muted);text-decoration:none;font-size:.75rem;letter-spacing:.05em}.language-switch a[aria-current]{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}.theme-toggle{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;width:44px;height:44px}.theme-toggle .sun,.theme-toggle[data-dark=true] .moon{display:none}.theme-toggle[data-dark=true] .sun{display:block}.hero{padding:100px 0 88px;text-align:center}.eyebrow{margin:0;color:var(--accent);font-size:.65rem;font-weight:650;letter-spacing:.18em}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:12px}.small-line{width:24px;height:1px;background:var(--accent)}h1{margin:23px 0 22px;font-size:clamp(1.8rem,4.4vw,3.25rem);line-height:1.5;font-weight:600;letter-spacing:-.035em;text-wrap:balance}.hero-description{margin:0;color:var(--muted);font-size:.9375rem;line-height:2}.search-wrap{position:relative;display:flex;align-items:center;max-width:640px;margin:36px auto 0}.search-icon{position:absolute;left:23px;color:var(--muted);pointer-events:none}.search-wrap input{width:100%;min-width:0;height:68px;padding:16px 58px 16px 59px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:1rem;box-shadow:var(--shadow);appearance:none}.search-wrap input::placeholder{color:var(--muted);opacity:1}.search-wrap input::-webkit-search-cancel-button{appearance:none}.clear-search{position:absolute;right:9px;border:0;background:transparent;color:var(--muted);width:44px;height:44px;font-size:1.5rem}.collection{padding:0 0 80px;scroll-margin-top:24px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}h2{margin:10px 0 0;font-size:1.4rem;font-weight:600;letter-spacing:-.025em}.collection-note{font-size:var(--text-small);margin:0 0 3px;color:var(--muted)}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.scroll-hint{display:none}.category{flex-shrink:0;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:100px;font-size:var(--text-small);background:transparent;white-space:nowrap}.category span{opacity:.7;font-size:.6875rem;font-variant-numeric:tabular-nums}.category[aria-pressed=true]{background:var(--selected);color:var(--selected-text);border-color:var(--selected)}.catalog-meta{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-block:18px;font-size:.75rem;color:var(--muted)}.catalog-meta p{margin:0}.result-count{white-space:nowrap}.tool-grid{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--card-gap)}.tool-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--card-padding);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tool-symbol{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:44px;height:44px;border-radius:var(--radius-small);flex-shrink:0}.tool-category{color:var(--muted);font-size:.6875rem}.tool-card h3{text-wrap:pretty;margin:23px 0 7px;font-size:1rem;font-weight:600;letter-spacing:-.02em}.tool-card>p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.85;flex:1}.card-bottom{display:flex;align-items:center;gap:6px;margin-top:23px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:.6875rem}.status-dot{width:5px;height:5px;background:var(--muted);border-radius:50%}.empty-state{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state h3{font-size:1rem}.empty-state p{color:var(--muted);font-size:.875rem}.reset-filters{min-height:44px;padding:8px 20px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface)}.notice{color:var(--muted);font-size:.875rem}.site-footer{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);padding-block:34px 44px}.footer-logo{font-size:1.35rem}.site-footer p{color:var(--muted);font-size:.75rem;margin:7px 0 0}.footer-meta{margin-left:auto;text-align:right}.footer-meta small{color:var(--muted);font-size:.6875rem}.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;text-decoration:none}@media(hover:hover){.category:not([aria-pressed=true]):not(:disabled):hover,.theme-toggle:hover,.back-top:hover,.reset-filters:hover{background:var(--soft)}.tool-card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--line),var(--accent) 18%)}.tools-nav:hover{text-decoration:underline}}@media(max-width:850px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-note{display:none}}@media(max-width:540px){:root{--page-gutter: 16px;--card-padding: 16px;--card-gap: 12px}.site-header{min-height:80px}.logo{font-size:1.45rem}.header-actions{gap:12px}.tools-nav{display:none}.hero{padding:56px 0 54px}.hero .eyebrow{font-size:.575rem;letter-spacing:.13em}h1{margin-top:21px;font-size:clamp(1.65rem,6.8vw,2.1rem);max-width:15ch;margin-inline:auto}html[lang=ja] h1{max-width:11em}.hero-description{font-size:.875rem;line-height:1.9}.search-wrap{margin-top:28px}.search-wrap input{height:60px;font-size:1rem;padding-left:43px;padding-right:44px}.search-icon{left:17px;width:18px}h2{font-size:1.2rem}.category-list{flex-wrap:nowrap;overflow-x:auto;padding:5px 4px 14px;margin-top:20px;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.scroll-hint{display:block;margin:6px 0 0;color:var(--muted);font-size:.75rem;text-align:right}.category{padding-inline:15px}.catalog-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;font-size:.75rem;padding-block:16px}.catalog-meta>p:first-child{min-width:0}.result-count{justify-self:end}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{padding:var(--card-padding)}.card-top{flex-wrap:wrap;gap:9px}.tool-symbol{width:36px;height:36px}.tool-symbol svg{width:21px;height:21px}.tool-category{font-size:.75rem}.tool-card h3{margin-top:16px;font-size:.9375rem;line-height:1.65}.tool-card>p{font-size:.8125rem;line-height:1.85}.card-bottom{margin-top:16px;font-size:.75rem}.collection{padding-bottom:48px}.site-footer{flex-wrap:wrap;gap:22px 12px;padding-block:26px 32px}.site-footer>div:first-child{flex:1}.footer-meta{order:3;width:100%;text-align:left;margin:0}}@media(max-width:359px){:root{--page-gutter: 12px;--card-padding: 12px;--card-gap: 10px}.header-actions{gap:6px}.logo{font-size:1.35rem}.card-top{flex-direction:column;align-items:flex-start}.hero{padding-block:44px}.hero-description{font-size:.8125rem}}.tool-link{text-decoration:none}.tool-link:after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.tool-link:focus-visible{outline:none}.tool-card:has(.tool-link:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.is-available .card-bottom{color:var(--accent);font-weight:600}.is-available .status-dot{background:var(--accent)}.tool-card>p{text-wrap:pretty}.counter-page{padding-block:36px 72px;max-width:960px;margin-inline:auto}.back-link{font-size:.875rem;color:var(--muted)}.counter-heading{margin-block:28px}.counter-heading h1{margin:12px 0;max-width:none;font-size:clamp(1.7rem,4vw,2.5rem)}.counter-heading>p:last-child{color:var(--muted)}.counter-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0}.metric{padding:12px 16px;background:var(--soft);border-radius:var(--radius);min-width:0}.metric dt{line-height:1.5;font-size:.8125rem;color:var(--muted)}.metric dd{margin:4px 0 0;line-height:1.2;font-size:1.625rem;font-weight:600;font-variant-numeric:tabular-nums}.counter-editor label{display:block;margin-bottom:10px;font-weight:600}.counter-editor textarea{display:block;width:100%;height:280px;min-height:180px;overflow-y:auto;resize:vertical;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;line-height:1.9}.counter-editor textarea::placeholder{color:var(--muted);opacity:1}.counter-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.counter-actions button{min-height:48px;padding:10px 20px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--soft)}.counter-actions button:disabled{opacity:.5}.counter-feedback{min-height:1.7em;margin-block:12px 0;color:var(--accent);font-size:.875rem}.counter-spec{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.counter-spec p{color:var(--muted);font-size:.875rem}@media(max-width:768px){.counter-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.metric{padding:10px 12px}.counter-page{padding-top:24px}.counter-heading{margin-block:24px}.counter-heading h1{margin-inline:0}.counter-editor textarea{height:200px;padding:14px}}.metric .space-breakdown{margin:8px 0 0}.space-breakdown dl{display:grid;gap:3px;margin:0}.space-breakdown dl>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px}.space-breakdown dt,.space-breakdown dd{font-size:.75rem;line-height:1.5}.space-breakdown dd{margin:0;font-weight:500}:root{--preview-blue: #e8f1fa;--preview-green: #e6f1e9;--preview-orange: #f9ead7;--preview-yellow: #f6f0cc}:root[data-theme=dark]{--preview-blue: #263c50;--preview-green: #2a4334;--preview-orange: #50402e;--preview-yellow: #494527}.text-preview{margin-top:32px;min-width:0}.preview-options{display:flex;flex-wrap:wrap;gap:4px 20px;border:0;padding:0;margin:16px 0}.preview-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.8125rem}.preview-options input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.preview-legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;color:var(--muted);font-size:.75rem}.preview-legend li{display:flex;align-items:center;gap:6px}.legend-swatch{width:16px;height:16px;border:1px solid var(--line);border-radius:3px}.preview-output,.preview-empty{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.preview-output{min-height:100px;max-height:420px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;font:1rem/2 ui-monospace,monospace;unicode-bidi:plaintext}.preview-token{border-radius:2px}.preview-token[data-highlight=true][data-kind=halfwidth],.legend-swatch[data-kind=halfwidth]{background:var(--preview-blue)}.preview-token[data-highlight=true][data-kind=fullwidth],.legend-swatch[data-kind=fullwidth]{background:var(--preview-green)}.preview-token[data-highlight=true][data-kind=halfwidthSpace],.preview-token[data-highlight=true][data-kind=fullwidthSpace]{background:var(--preview-orange)}.preview-token[data-highlight=true][data-kind=tab]{background:var(--preview-yellow)}.preview-token[data-kind=newline]{color:var(--muted)}