.lh[data-v-395b6842]{text-align:center;margin-bottom:8px}img[data-v-395b6842]{filter:drop-shadow(0 4px 12px #00000080);width:auto;height:120px;margin:0 auto 12px;display:block}h2[data-v-395b6842]{font-size:22px}.sub[data-v-395b6842]{margin:2px 0 0;font-size:13px}.cap[data-v-395b6842]{border-top:1px solid var(--border);margin:14px 0 0;padding-top:12px}.backdrop[data-v-290717f3]{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal[data-v-290717f3]{flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 32px);display:flex}.modal.wide[data-v-290717f3]{max-width:720px}.head[data-v-290717f3]{border-bottom:1px solid var(--border);padding:12px 16px}.body[data-v-290717f3]{padding:8px 16px 16px;overflow:auto}.foot[data-v-290717f3]{border-top:1px solid var(--border);justify-content:flex-end;padding:12px 16px}.brand[data-v-c98f4d59]{flex:none;align-items:center;gap:8px;display:flex}img[data-v-c98f4d59]{width:auto;height:32px;display:block}.txt[data-v-c98f4d59]{flex-direction:column;line-height:1.15;display:flex}small[data-v-c98f4d59]{color:var(--muted);font-size:11px}.shell[data-v-bb91cdfd]{flex-direction:column;height:100%;display:flex}.topbar[data-v-bb91cdfd]{border-bottom:1px solid var(--border);background:var(--panel);flex:none;gap:16px;height:52px;padding:0 12px}nav[data-v-bb91cdfd]{gap:4px}nav a[data-v-bb91cdfd]{color:var(--muted);white-space:nowrap;border-radius:6px;padding:6px 10px}.topbar .badge[data-v-bb91cdfd]{white-space:nowrap}nav a.on[data-v-bb91cdfd],nav a[data-v-bb91cdfd]:hover{color:var(--text);background:var(--panel-2)}.content[data-v-bb91cdfd]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}@media (width<=640px){.topbar[data-v-bb91cdfd]{gap:6px;overflow-x:auto}nav a[data-v-bb91cdfd]{padding:6px}.topbar .badge[data-v-bb91cdfd]{background:var(--bad);border-radius:50%;width:10px;height:10px;padding:0;font-size:0}}.panel[data-v-e02014a1]{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;width:260px;min-height:0;transition:width .15s;display:flex}.panel.collapsed[data-v-e02014a1]{width:40px}.phead[data-v-e02014a1]{border-bottom:1px solid var(--border);height:42px;padding:8px}.search[data-v-e02014a1]{padding:8px}.list[data-v-e02014a1]{flex:1;padding-bottom:12px;overflow:auto}.ghead[data-v-e02014a1]{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;width:100%;padding:8px 10px;display:flex}.ghead[data-v-e02014a1]:hover{background:var(--panel-2)}.count[data-v-e02014a1]{align-items:center;gap:4px;font-size:12px;display:flex}ul[data-v-e02014a1]{margin:0;padding:0 0 4px;list-style:none}.subhead[data-v-e02014a1]{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 2px 26px;font-size:11px}.item[data-v-e02014a1]{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 10px 6px 26px;display:flex}.item[data-v-e02014a1]:hover{background:var(--panel-2)}.item.used .label[data-v-e02014a1]{color:#93c5fd}.item.empty[data-v-e02014a1]{cursor:default;opacity:.55}.label[data-v-e02014a1]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.readers[data-v-e02014a1]{color:var(--muted);font-size:11px}.none[data-v-e02014a1]{padding:4px 26px;font-size:12px}@media (width<=768px){.panel[data-v-e02014a1]:not(.collapsed){z-index:20;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 16px #00000080}}.whep[data-v-5d392254]{background:#000;position:absolute;inset:0}video[data-v-5d392254]{object-fit:contain;width:100%;height:100%;display:block}.overlay[data-v-5d392254]{pointer-events:none;text-align:center;place-items:center;padding:4px;font-size:13px;display:grid;position:absolute;inset:0}@container (width<=160px){.overlay[data-v-5d392254]{font-size:10px}}.tile[data-v-b37b995a]{border:1px solid var(--border);background:#05070a;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.tile.over[data-v-b37b995a]{outline:2px dashed var(--accent);outline-offset:-2px}.tile.selected[data-v-b37b995a]{outline:2px solid var(--accent);outline-offset:-2px}iframe[data-v-b37b995a]{border:0;width:100%;height:100%;position:absolute;inset:0}.tl[data-v-b37b995a]{pointer-events:none;z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:6px;left:6px}.logo[data-v-b37b995a]{filter:drop-shadow(0 1px 2px #000c);opacity:.95;width:auto;height:26px;display:block}.state[data-v-b37b995a]{color:#fff;letter-spacing:.6px;border-radius:3px;padding:3px 6px;font-family:system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1}.state.live[data-v-b37b995a]{background:#dc2626;border:1px solid #dc2626}.state.offline[data-v-b37b995a]{background:#000;border:1px solid #ffffff59}.name[data-v-b37b995a]{cursor:grab;z-index:2;background:linear-gradient(#0000,#000000bf);align-items:center;gap:6px;padding:14px 8px 5px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.name span[data-v-b37b995a]:first-child{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;overflow:hidden}.sd[data-v-b37b995a]{border:1px solid var(--muted);color:var(--muted);border-radius:3px;flex:none;padding:0 4px;font-size:10px}.x[data-v-b37b995a]{z-index:3;opacity:0;background:#0000008c;border:0;font-size:12px;position:absolute;top:4px;right:4px}.tile:hover .x[data-v-b37b995a]{opacity:1}.placeholder[data-v-b37b995a]{text-align:center;color:#3a4554;-webkit-user-select:none;user-select:none;place-content:center;display:grid;position:absolute;inset:0}.placeholder span[data-v-b37b995a]{font-size:22px;font-weight:600}.tile[data-v-b37b995a]:fullscreen{border:0}.tile:fullscreen .logo[data-v-b37b995a]{height:48px}.tile:fullscreen .state[data-v-b37b995a]{padding:5px 9px;font-size:15px}.tile:fullscreen .name[data-v-b37b995a]{font-size:15px}@container (width<=200px){.logo[data-v-b37b995a]{height:18px}.state[data-v-b37b995a]{padding:2px 4px;font-size:9px}.tl[data-v-b37b995a]{gap:4px;top:3px;left:3px}.name[data-v-b37b995a]{padding:8px 4px 2px;font-size:10px}}@container (width<=140px){.placeholder small[data-v-b37b995a]{display:none}.placeholder span[data-v-b37b995a]{font-size:14px}.logo[data-v-b37b995a]{height:14px}}@media (hover:none){.x[data-v-b37b995a]{opacity:1}}.monitor[data-v-7bcfb540]{flex:1;height:100%;min-height:0;display:flex;position:relative}.main[data-v-7bcfb540]{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.toolbar[data-v-7bcfb540]{border-bottom:1px solid var(--border);background:var(--panel);flex:none;gap:8px;height:42px;padding:0 8px;overflow-x:auto}.layouts[data-v-7bcfb540]{gap:3px}.layouts button[data-v-7bcfb540]{min-width:32px}.grid[data-v-7bcfb540]{background:#000;flex:1;gap:2px;min-height:0;padding:2px;display:grid}.nothing[data-v-7bcfb540]{pointer-events:none;place-items:center;display:grid;position:absolute;inset:42px 0 0}.group[data-v-c73aae2b]{margin-bottom:12px}.ghead[data-v-c73aae2b]{border-bottom:1px solid var(--border);gap:10px;padding:10px 12px}.empty[data-v-c73aae2b]{margin:8px 0;padding:4px 12px 8px}tr.off td[data-v-c73aae2b]{opacity:.45}tr:last-child td[data-v-c73aae2b]{border-bottom:0}.hint[data-v-c73aae2b]{margin:4px 0 0;font-size:12px}.check[data-v-c73aae2b]{color:var(--text);margin-top:12px;font-size:14px}tr.pick[data-v-c73aae2b]{cursor:pointer}tr.pick:hover td[data-v-c73aae2b]{background:var(--panel-2)}.pickgroup[data-v-af496727]{border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:8px 10px}.checks[data-v-af496727]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 12px;margin-top:4px;display:grid}.check[data-v-af496727]{color:var(--text);cursor:pointer;align-items:center;gap:6px;margin:2px 0;font-size:14px;display:flex}.check input[data-v-af496727]{width:auto}.box[data-v-af496727]{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.pass[data-v-af496727]{letter-spacing:3px;font-size:22px}.warnbox[data-v-af496727]{color:#fcd34d;background:#2a2110;border:1px solid #78350f;border-radius:6px;padding:8px 10px}td .row[data-v-af496727]{flex-wrap:wrap;gap:4px 8px}.shell[data-v-8625298e]{flex-direction:column;height:100%;display:flex}.topbar[data-v-8625298e]{border-bottom:1px solid var(--border);background:var(--panel);flex:none;gap:12px;height:52px;padding:0 12px}.name[data-v-8625298e]{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--border);padding-left:12px;overflow:hidden}.pass[data-v-8625298e]{letter-spacing:4px;text-align:center;font-size:20px}.small[data-v-8625298e]{margin-top:12px;font-size:12px}:root{--bg:#0d1117;--panel:#151b23;--panel-2:#1c2430;--border:#2a3441;--text:#e6edf3;--muted:#8b98a8;--accent:#3b82f6;--accent-2:#2563eb;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--idle:#64748b;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Sarabun,Noto Sans Thai,Leelawadee UI,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0;font-weight:600}button,.btn{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px}button:hover{background:#222c3a;border-color:#3d4a5c}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent-2);border-color:var(--accent-2)}button.primary:hover{background:var(--accent)}button.danger{color:#fca5a5}button.small{padding:3px 8px;font-size:12px}button.icon{padding:2px 6px;line-height:1}input,select,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);margin:10px 0 4px;font-size:12px;display:block}.dot{background:var(--idle);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.bad{background:var(--bad)}.dot.na{background:var(--idle)}.badge{background:var(--panel-2);border:1px solid var(--border);border-radius:99px;padding:1px 8px;font-size:12px;display:inline-block}.badge.ok{color:#86efac;border-color:#166534}.badge.bad{color:#fca5a5;border-color:#7f1d1d}.badge.warn{color:#fcd34d;border-color:#78350f}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.muted{color:var(--muted)}.error{color:#fca5a5;background:#2a1215;border:1px solid #7f1d1d;border-radius:6px;margin:8px 0;padding:8px 10px}.mono{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}th{color:var(--muted);font-size:12px;font-weight:500}.page{width:100%;max-width:1200px;margin:0 auto;padding:16px}.center-box{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{width:100%;max-width:360px;padding:24px}@media (width<=640px){.hide-sm{display:none}th,td{padding:6px}}