:root{--ink:#111;--paper:#f4f1e8;--acc:#ffe14d;--pink:#ff5da2;--green:#3ad36b;--blue:#7cc4ff;--mut:#888}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}a{color:var(--ink)}.wrap{width:100%;max-width:920px;margin:0 auto;padding:34px 20px 0;flex:1 0 auto}.brand{display:flex;align-items:center;gap:16px;border:4px solid var(--ink);background:var(--acc);padding:16px 18px;box-shadow:8px 8px 0 var(--ink);text-decoration:none;color:var(--ink)}.brand img{width:54px;height:54px;border:3px solid var(--ink)}.brand h1{margin:0;font-size:1.7rem;font-weight:900;letter-spacing:-.02em}.sitenav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}.sitenav a{font-weight:800;font-size:.9rem;text-decoration:none;background:#fff;border:3px solid var(--ink);padding:8px 16px;box-shadow:4px 4px 0 var(--ink);transition:transform .08s}.sitenav a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.sitenav a.active{background:var(--ink);color:#fff}.label{display:inline-block;font-weight:900;font-size:.78rem;letter-spacing:.12em;background:var(--ink);color:#fff;padding:4px 12px;margin:34px 0 14px}.links{display:flex;flex-wrap:wrap;gap:10px}.links a{font-weight:800;font-size:.85rem;text-decoration:none;background:#fff;border:3px solid var(--ink);padding:7px 14px;box-shadow:4px 4px 0 var(--ink);transition:transform .08s}.links a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.links a.x{background:var(--pink);color:#fff}.links a.gh{background:var(--ink);color:#fff}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:4px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink)}.panel>h2{margin:0;font-size:1rem;font-weight:900;padding:10px 14px;border-bottom:4px solid var(--ink)}.panel.p1>h2{background:var(--green)}.panel.p2>h2{background:var(--blue)}.panel ul{margin:0;padding:6px 0;list-style:none}.panel li{padding:10px 14px;border-bottom:1px dashed #bbb;font-size:.9rem}.panel li:last-child{border-bottom:none}.panel li a{text-decoration:none;display:block}.panel li a:hover{background:var(--acc)}.panel li .date{display:block;font-size:.72rem;font-weight:700;color:var(--mut);margin-bottom:2px}.ippei{margin:48px 0 8px;text-align:center}.ippei img{max-width:340px;width:70%;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg)}footer{flex-shrink:0;margin-top:40px;border-top:4px solid var(--ink);background:var(--ink);color:#fff;text-align:center;padding:18px 16px;font-weight:700;font-size:.82rem;letter-spacing:.05em}footer a{color:#fff}.toollist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.toollist a{display:block;text-decoration:none;font-weight:800;font-size:.92rem;background:#fff;border:3px solid var(--ink);padding:14px 16px;box-shadow:5px 5px 0 var(--ink);transition:transform .08s}.toollist a:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink);background:var(--acc)}.toollist a .desc{display:block;font-weight:500;font-size:.72rem;color:var(--mut);margin-top:4px}.tool{border:4px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink);margin-bottom:28px}.tool>h2{margin:0;font-size:1.1rem;font-weight:900;padding:12px 16px;border-bottom:4px solid var(--ink);background:var(--acc)}.tool .body{padding:16px}.tool p.lead{margin:0 0 14px;font-size:.85rem;color:#555}.tool label{display:block;font-weight:800;font-size:.78rem;margin:0 0 6px;letter-spacing:.04em}.tool textarea,.tool input[type=text],.tool select{width:100%;font-family:ui-monospace,DejaVu Sans Mono,monospace;font-size:.9rem;border:3px solid var(--ink);padding:10px;background:#fcfcf7;resize:vertical}.tool textarea{min-height:96px}.tool .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.tool button{font-weight:900;font-size:.9rem;cursor:pointer;background:var(--ink);color:#fff;border:3px solid var(--ink);padding:9px 18px;box-shadow:4px 4px #00000040;transition:transform .08s}.tool button:hover{transform:translate(2px,2px);box-shadow:2px 2px #00000040}.tool button.alt{background:#fff;color:var(--ink)}.tool .out{margin-top:14px}.tool .err{color:#c00;font-weight:800;font-size:.85rem}.tool .copied{color:var(--green);font-weight:800;font-size:.8rem;margin-left:8px}.btable{width:100%;border-collapse:collapse;background:#fff}.btable th,.btable td{border:3px solid var(--ink);padding:9px 12px;text-align:left;font-size:.85rem;word-break:break-all}.btable th{background:var(--acc);font-weight:800;width:38%;white-space:nowrap}.btable td{font-family:ui-monospace,monospace}@media(max-width:640px){.cols{grid-template-columns:1fr}.brand h1{font-size:1.4rem}.btable th{width:42%}}