:root{color-scheme:light;--ink:#16344c;--muted:#476078;--paper:#f3f7fa;--line:#b6c9d7;--accent:#185e85;--error:#a51b2b}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic UI","Meiryo",sans-serif;line-height:1.7}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}header a{font-weight:700}header span{color:var(--muted);font-size:14px}h1{font-size:clamp(26px,4vw,38px);margin:12px 0}h2{font-size:21px}p{max-width:76ch}.intro{margin:0 0 24px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}button,select{font:inherit;border:1px solid var(--line);padding:9px 15px;background:white;color:var(--ink);border-radius:5px;cursor:pointer}button.primary{background:var(--accent);color:white;border-color:var(--accent);font-weight:700}button:disabled{cursor:default;opacity:.48}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #d05b00;outline-offset:3px}.editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.editor{min-width:0}.editor label{font-weight:700;display:block;margin-bottom:8px}textarea{width:100%;min-height:380px;resize:vertical;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:4px;background:white;color:#152b3b;font:15px/1.6 Consolas,"BIZ UDゴシック",monospace;padding:15px;tab-size:2;white-space:pre;overflow:auto}textarea[readonly]{background:#eaf2f8}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.status{margin:16px 0 6px;font-weight:700;min-height:1.7em}.error{color:var(--error)}#notice{color:#805000;margin:0 0 18px}details{margin:24px 0;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:700}details li{margin:8px 0}footer{border-top:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px}.skip:focus{top:8px}@media(max-width:720px){header,main,footer{padding:18px}.editors{grid-template-columns:1fr}textarea{min-height:260px}header span{display:none}.toolbar{gap:8px}button,select{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}