@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--paper:oklch(0.986 0.006 92);--surface:oklch(0.999 0.002 92);--surface-2:oklch(0.965 0.008 92);--ink:oklch(0.27 0.014 70);--ink-soft:oklch(0.42 0.012 70);--muted:oklch(0.505 0.01 70);--line:oklch(0.9 0.008 85);--line-strong:oklch(0.82 0.01 85);--accent:oklch(0.46 0.082 178);--accent-ink:oklch(0.33 0.06 178);--accent-bg:oklch(0.955 0.028 178);--up:oklch(0.52 0.15 32);--up-bg:oklch(0.955 0.03 40);--down:oklch(0.49 0.1 245);--down-bg:oklch(0.955 0.03 245);--ok:oklch(0.54 0.12 145);--ok-bg:oklch(0.955 0.035 145);--warn:oklch(0.62 0.12 72);--warn-ink:oklch(0.42 0.1 62);--warn-bg:oklch(0.955 0.045 82);--danger:oklch(0.54 0.15 28);--danger-bg:oklch(0.955 0.03 34);--radius:9px;--appbar-h:60px;--font:"Sarabun","Leelawadee UI","Segoe UI",system-ui,"Tahoma",sans-serif;--mono:"IBM Plex Mono","Cascadia Mono","Consolas",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.mono,.num{font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.mono{font-family:var(--mono);font-size:.92em}a{color:var(--accent-ink);text-decoration:none}button{font-family:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 20px 64px}header.app{position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--paper) 90%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line);height:var(--appbar-h)}.appbar{max-width:1240px;margin:0 auto;padding:0 20px;height:100%;gap:14px}.appbar,.brand{display:flex;align-items:center}.brand{gap:10px;min-width:0}.logo{width:32px;height:32px;border-radius:9px;background:var(--accent);color:oklch(.97 .02 178);display:grid;place-items:center;font-weight:700;flex:none;font-size:13px}.brand h1{font-size:15px;font-weight:650;margin:0;line-height:1.3}.brand .sub{font-size:11px;color:var(--muted)}.spacer{flex:1 1}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;font-weight:500}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:oklch(.98 .02 178)}.btn.primary:hover{background:var(--accent-ink)}.btn.sm{height:30px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}nav.tabs{display:flex;gap:4px;margin:16px 0 14px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{appearance:none;background:none;padding:9px 13px 11px;font-size:13.5px;font-weight:550;color:var(--ink-soft);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--accent-ink);border-bottom-color:var(--accent)}.tab .cnt{font-size:11px;background:var(--surface-2);border-radius:20px;padding:1px 7px;color:var(--muted)}.tab[aria-selected=true] .cnt{background:var(--accent-bg);color:var(--accent-ink)}.panel{overflow:hidden}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.card{padding:14px 16px}.card h3{margin:0 0 10px;font-size:13.5px;font-weight:650}table.data{width:100%;border-collapse:collapse}table.data th{position:static;background:var(--surface);text-align:left;font-size:11.5px;font-weight:600;color:var(--ink-soft);padding:8px 11px;border-bottom:1px solid var(--line-strong);white-space:nowrap}table.data td{padding:8px 11px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:var(--surface-2)}.r{text-align:right}.c{text-align:center}.nowrap,.pill{white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:20px;line-height:1.4}.pill.up{background:var(--up-bg);color:var(--up)}.pill.down{background:var(--down-bg);color:var(--down)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.pill.neutral{background:var(--surface-2);color:var(--ink-soft)}.field{display:flex;align-items:center;gap:7px;height:38px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-width:0}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.field input,.field select,.field textarea{border:none;background:none;outline:none;min-width:0}.field input,.field select,.field textarea,textarea.plain{font-family:inherit;font-size:13.5px;color:var(--ink);width:100%}textarea.plain{border:1px solid var(--line-strong);border-radius:var(--radius);padding:10px 12px;resize:vertical}.dropzone,textarea.plain{background:var(--surface)}.dropzone{border:2px dashed var(--line-strong);border-radius:12px;padding:20px;text-align:center}.dropzone.drag{border-color:var(--accent);background:var(--accent-bg)}.code,.muted{color:var(--muted)}.code{font-family:var(--mono);font-size:11px}.hidden{display:none!important}.fab{position:fixed;right:18px;bottom:18px;z-index:50;width:54px;height:54px;border-radius:50%;background:var(--accent);color:oklch(.98 .02 178);border:none;display:none;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 16px oklch(.3 .02 80/.25);cursor:pointer}@media (max-width:760px){.fab{display:flex}.wrap{padding-bottom:76px}nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--paper);border-top:1px solid var(--line);justify-content:space-around;margin:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.tab,nav.tabs{border-bottom:none}.tab{flex:1 1;justify-content:center;padding:6px 4px;font-size:11px;text-align:center}.tab[aria-selected=true]{background:var(--accent-bg);border-radius:8px}.tab .cnt,.tab-full{display:none}.tab-short{display:inline}}.tab-short{display:none}