:root{--bg: #f7f8fa;--card: #ffffff;--text: #1a202c;--muted: #64748b;--accent: #2563eb;--accent-text: #ffffff;--border: #e2e8f0;--warn: #b45309;--error: #b91c1c;--ok: #15803d;--code: #f1f5f9;--add: #dcfce7;--del: #fee2e2;--mark: #fef08a}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #60a5fa;--accent-text: #0b1220;--border: #334155;--warn: #fbbf24;--error: #f87171;--ok: #4ade80;--code: #0b1220;--add: #14532d;--del: #7f1d1d;--mark: #78350f}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 4rem}header{border-bottom:1px solid var(--border);background:var(--card)}.hwrap{max-width:860px;margin:0 auto;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-weight:700;color:var(--text)}h1{font-size:1.6rem;line-height:1.4;margin:1.2rem 0 .5rem}h2{font-size:1.15rem;margin-top:2rem}h3{font-size:1rem;margin-top:1rem}p{margin:.6rem 0}.intro{color:var(--muted);margin-bottom:1.2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin:1rem 0}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}textarea{width:100%;min-height:8.5rem;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;resize:vertical}select,input[type=file],input[type=text],input[type=number]{max-width:100%;padding:.4rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.9rem}input[type=text]{width:100%;font-family:ui-monospace,Consolas,monospace}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--border)}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin:.9rem 0}.opt-check{display:flex;align-items:center;gap:.4rem}.opt-check label{margin:0;font-weight:400}.btnrow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0 0}.status{margin-top:.7rem;font-size:.85rem;color:var(--muted);word-break:break-word}.status.warn{color:var(--warn)}.status.error{color:var(--error)}.status.ok{color:var(--ok)}.filerow{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;color:var(--muted)}code,.mono{background:var(--code);padding:.1rem .3rem;border-radius:4px;font-size:.85em;font-family:ui-monospace,Consolas,monospace}pre{background:var(--code);padding:.7rem;border-radius:8px;overflow-x:auto;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left;vertical-align:top}td.mono,th.mono{font-family:ui-monospace,Consolas,monospace;word-break:break-all}details{margin:.5rem 0;border-bottom:1px solid var(--border);padding-bottom:.5rem}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--border);margin-top:3rem;background:var(--card)}.fwrap{max-width:860px;margin:0 auto;padding:1.5rem 1rem;font-size:.85rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem;margin:.5rem 0 1.2rem}.swatch{width:100%;height:5rem;border-radius:8px;border:1px solid var(--border)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.chip{background:var(--code);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-family:ui-monospace,Consolas,monospace}ins{background:var(--add);text-decoration:none}del{background:var(--del);text-decoration:line-through}mark{background:var(--mark);color:var(--text)}.diffbox,.matchbox{background:var(--code);border-radius:8px;padding:.7rem;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word;max-height:26rem;overflow-y:auto}.note{font-size:.85rem;color:var(--muted)}.badge{display:inline-block;border-radius:6px;padding:.05rem .45rem;font-size:.78rem;font-weight:600}.badge.ok{background:var(--add);color:var(--ok)}.badge.bad{background:var(--del);color:var(--error)}