:root{--bg:#f7f7f5;--surface:#fff;--text:#1d1d1f;--muted:#5f6368;--border:#d9d9d6;--accent:#2f6fde;--accent-text:#fff;--error:#c62828;--error-bg:#fdecea;--info-bg:#e8f0fe;--radius:10px;--font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#161618;--surface:#202023;--text:#ececec;--muted:#a0a0a8;--border:#3a3a40;--accent:#6b9cff;--accent-text:#0d0d0f;--error:#ff8a80;--error-bg:#3a1f1f;--info-bg:#1f2a3d}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.7}a{color:var(--accent)}.container{max-width:960px;margin:0 auto;padding:0 16px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;min-height:56px;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.site-header nav{gap:16px;font-size:.9rem;display:flex}main.container{padding-top:24px;padding-bottom:48px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:24px 0;font-size:.85rem}.hero h1{margin:0 0 4px;font-size:1.8rem}.privacy-note,.privacy-badge{background:var(--info-bg);border-radius:var(--radius);padding:8px 12px;font-size:.9rem}.search input{width:100%;max-width:480px;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:10px 12px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:0;list-style:none;display:grid}.tool-card a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;color:var(--text);grid-template-columns:auto 1fr;gap:2px 10px;padding:14px;text-decoration:none;display:grid}.tool-card a:hover,.tool-card a:focus-visible{border-color:var(--accent)}.tool-icon{grid-row:span 2;font-size:1.6rem}.tool-title{font-weight:700}.tool-desc{color:var(--muted);font-size:.85rem}.breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-right:4px}.tool{margin:16px 0 24px}.io{gap:12px;display:grid}.io textarea{width:100%;min-height:200px;font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);resize:vertical;padding:10px;font-size:.9rem}.io-drop.dragging textarea{border-color:var(--accent);outline:2px dashed var(--accent)}.io-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;padding:6px 14px;font-size:.9rem;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.options{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;padding:10px 14px;display:flex}.options legend{color:var(--muted);font-size:.85rem}.field select,.field input[type=number]{font:inherit;margin-left:4px;padding:2px 6px}.msg{min-height:1.5em;margin:4px 0 0;font-size:.9rem}.msg-error{color:var(--error);background:var(--error-bg);border-radius:6px;padding:4px 8px}.msg-info{color:var(--muted)}.table-wrap{margin-top:12px;overflow-x:auto}.table-wrap table{border-collapse:collapse;font-size:.85rem}.table-wrap th,.table-wrap td{border:1px solid var(--border);text-align:left;white-space:pre;padding:4px 8px}.stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:12px 0 0;display:grid}.stats div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{margin:0;font-size:1.3rem;font-weight:700}.ad-slot{min-height:280px;margin:24px 0}.ad-slot ins{min-height:250px;display:block}.ad-label{color:var(--muted);font-size:.75rem}.guide{margin-top:32px}.guide h2{border-bottom:1px solid var(--border);padding-bottom:4px;font-size:1.2rem}.related ul{padding-left:1.2em}