:root{--bg: #f4f6fa;--panel: #ffffff;--ink: #1c2433;--muted: #667085;--line: #e3e8ef;--brand: #2563eb;--brand-d: #1d4ed8;--ok: #12803c;--ok-bg: #e6f6ec;--warn: #b45309;--warn-bg: #fef3c7;--bad: #b42318;--bad-bg: #fee4e2;--info: #175cd3;--info-bg: #e8f0fe;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0e1420;--panel: #161e2e;--ink: #e6eaf2;--muted: #94a0b8;--line: #26314a;--brand: #5b8def;--brand-d: #7aa2f7;--ok: #4ade80;--ok-bg: #12301f;--warn: #fbbf24;--warn-bg: #33270b;--bad: #f87171;--bad-bg: #3a1613;--info: #8ab4ff;--info-bg: #17284a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.5 system-ui,Segoe UI,Noto Sans Thai,Tahoma,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0}h2{font-size:16px;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.brand i{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#7c3aed,#2563eb);display:inline-block}.page{max-width:1040px;margin:0 auto;padding:24px 16px 64px;display:grid;gap:16px}.narrow{max-width:420px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.sp{justify-content:space-between}.grow{flex:1 1 200px;min-width:0}.stack{display:grid;gap:10px}.grid2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}label.f{display:grid;gap:4px;font-weight:600}label.c{display:flex;gap:8px;align-items:center}input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0}input[type=checkbox]{width:16px;height:16px;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}textarea{min-height:84px;resize:vertical}.btn{font:inherit;font-weight:600;cursor:pointer;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-d)}.btn.danger{color:var(--bad)}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--info-bg);color:var(--info)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.grey{background:var(--line);color:var(--muted)}.alert{border-radius:8px;padding:10px 12px;border:1px solid var(--line);background:var(--info-bg);color:var(--info)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert.bad{background:var(--bad-bg);color:var(--bad)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{padding:8px 14px;border:0;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.tblw{overflow-x:auto}table.t{width:100%;border-collapse:collapse}table.t th,table.t td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}table.t th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}code{font:12px Consolas,Courier New,monospace;background:var(--bg);padding:1px 5px;border-radius:4px;word-break:break-all}.list{display:grid;gap:10px}.item{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:inherit}a.item:hover{border-color:var(--brand);text-decoration:none}#banner{position:fixed;left:0;right:0;bottom:0;padding:10px 16px;text-align:center;background:var(--warn-bg);color:var(--warn);font-weight:600;z-index:10}[hidden]{display:none!important}button.link{background:none;border:0;padding:0;color:var(--brand);font:inherit;cursor:pointer}button.link:hover{text-decoration:underline}.cap{text-transform:capitalize}a.brand{text-decoration:none}.w11{width:11em}.shot{max-width:100%;border:1px solid var(--line);border-radius:8px}.w6{width:3.5em}meter{width:min(320px,60vw);height:14px}