:root{--c-ivory: #faf9f5;--c-white: #ffffff;--c-slate: #141413;--c-clay: #d97757;--c-olive: #788c5d;--c-rust: #b04a3f;--c-oat: #e3dacc;--c-gray-150: #f0eee6;--c-gray-300: #d1cfc5;--c-gray-500: #87867f;--c-gray-700: #3d3d3a;--c-rust-050: #fbf2ef;--c-navy: #173b52;--c-sky-100: #e8f7ff;--c-sky-300: #92d9f4;--c-blue-600: #0865e8;--font-sans: "Pretendard Variable", Pretendard, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, monospace;--fs-100: 9.5px;--fs-200: 10.5px;--fs-300: 11px;--fs-400: 12.5px;--fs-500: 13px;--fs-600: 20px;--fs-700: 22px;--lh-tight: 1.35;--lh-base: 1.55;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 10px;--sp-5: 14px;--sp-6: 18px;--sp-7: 24px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--radius-pill: 20px;--radius-round: 50%;--bw-hair: 1px;--bw-base: 1.5px;--bw-thick: 2px;--icon-sm: 14px;--icon-md: 17px;--bg-page: var(--c-ivory);--bg-surface: var(--c-white);--bg-sunken: var(--c-gray-150);--bg-rail: var(--c-gray-150);--text-strong: var(--c-slate);--text-body: var(--c-gray-700);--text-muted: var(--c-gray-500);--border-base: var(--c-gray-300);--border-strong: var(--c-slate);--accent: var(--c-clay);--accent-fill: var(--c-oat);--focus: var(--c-clay);--sel-bg: var(--c-sky-100);--sel-border: var(--c-blue-600);--sel-text: var(--c-navy);--overlay: rgba(20, 20, 19, .42);--checker: repeating-conic-gradient(var(--c-gray-150) 0% 25%, var(--c-white) 0% 50%);--stage-bg: #edeae1;--ground-line: #4285f4;--hit-line: rgba(217, 119, 87, .85);--hit-fill: rgba(217, 119, 87, .1);--hit-fill-hover: rgba(217, 119, 87, .24);--hit-fill-sel: rgba(217, 119, 87, .18);--grid-line: rgba(20, 20, 19, .06);--danger: var(--c-rust);--danger-bg: var(--c-rust-050);--ok: var(--c-olive);--idle: var(--c-gray-300);--ivory: var(--c-ivory);--white: var(--c-white);--slate: var(--c-slate);--clay: var(--c-clay);--olive: var(--c-olive);--rust: var(--c-rust);--oat: var(--c-oat);--gray-150: var(--c-gray-150);--gray-300: var(--c-gray-300);--gray-500: var(--c-gray-500);--gray-700: var(--c-gray-700);--ink: var(--text-strong);--muted: var(--text-muted);--line: var(--border-base);--bg: var(--bg-page);--panel: var(--bg-surface);--mono: var(--font-mono);--sans: var(--font-sans)}:root{font-family:var(--font-sans)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-page);color:var(--text-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}.layout{display:grid;grid-template-columns:168px 1fr;min-height:100vh}@media(max-width:760px){.layout{grid-template-columns:1fr}}.layout__main{padding:var(--sp-7) 28px;min-width:0}@media(max-width:760px){.layout__main{padding:var(--sp-6) var(--sp-5)}}.side-nav{background:var(--bg-rail);border-right:var(--bw-base) solid var(--border-base);padding:var(--sp-5) var(--sp-4)}.side-nav__logo{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-strong);padding-bottom:var(--sp-4);border-bottom:var(--bw-base) solid var(--border-base);margin-bottom:var(--sp-4)}.side-nav a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-muted);margin-bottom:var(--sp-1);border:var(--bw-base) solid transparent;font-size:var(--fs-500)}.side-nav a:hover{background:var(--bg-surface);color:var(--text-strong)}.side-nav a.active{background:var(--sel-bg);color:var(--sel-text);border-color:var(--sel-border)}.side-nav svg{width:var(--icon-md);height:var(--icon-md);flex:none;display:block}@media(max-width:760px){.layout{grid-template-rows:auto 1fr}.side-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:flex-start;align-content:flex-start;border-right:none;border-bottom:var(--bw-base) solid var(--border-base);padding:var(--sp-3) var(--sp-4)}.side-nav__logo{display:none}.side-nav a{margin-bottom:0;padding:var(--sp-3)}.side-nav a span{display:none}}.page-header{margin-bottom:var(--sp-5)}.page-header h1{font-size:var(--fs-600);font-weight:600;color:var(--text-strong)}.s-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-4)}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-200);border:var(--bw-base) solid var(--border-base);background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--sp-2) 9px;color:var(--text-body)}.pill svg{width:var(--icon-sm);height:var(--icon-sm);display:block}button.pill{cursor:pointer}button.pill:hover{border-color:var(--accent);color:var(--text-strong)}.pill.on{background:var(--sel-bg);border-color:var(--sel-border);color:var(--sel-text)}.pill.ghost{border-style:dashed;color:var(--text-muted)}.pill:focus-visible{outline:var(--bw-thick) solid var(--focus);outline-offset:1px}.s-bar input,.s-bar select{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--text-body);background:var(--bg-surface);border:var(--bw-base) solid var(--border-base);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);min-width:0}.s-bar input:focus,.s-bar select:focus{outline:none;border-color:var(--focus)}.s-bar label{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-100);color:var(--text-muted)}.async{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-muted);padding:var(--sp-5) 0}.alert{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--danger);background:var(--danger-bg);border:var(--bw-hair) solid var(--danger);border-radius:var(--radius-md);padding:var(--sp-3) 9px;margin-top:var(--sp-4);line-height:var(--lh-base);display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.alert svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}.alert button{font:inherit;color:var(--danger);background:var(--bg-surface);border:var(--bw-hair) solid var(--danger);border-radius:var(--radius-sm);padding:1px var(--sp-3);cursor:pointer}.empty{display:grid;justify-items:center;gap:var(--sp-3);border:var(--bw-base) dashed var(--border-base);border-radius:var(--radius-lg);padding:var(--sp-7) var(--sp-6);text-align:center;font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-muted);background:var(--bg-sunken)}.empty svg{width:26px;height:26px;opacity:.5}.blk{margin-bottom:var(--sp-6)}.blk h3{font-size:var(--fs-400);font-weight:600;color:var(--text-strong);margin-bottom:9px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}@media(max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{border:var(--bw-base) solid var(--border-base);border-radius:var(--radius-lg);padding:var(--sp-4) 11px;background:var(--bg-surface);min-width:0}.kpi .k{font-family:var(--font-mono);font-size:var(--fs-100);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.kpi .v{font-size:var(--fs-700);font-weight:600;color:var(--text-strong);margin-top:3px;letter-spacing:-.01em}.kpi .d{font-family:var(--font-mono);font-size:var(--fs-100);color:var(--text-muted);margin-top:var(--sp-1)}.kpi svg{display:block;width:100%;height:22px;margin-top:var(--sp-3)}table.t{width:100%;border-collapse:collapse}table.t th{font-family:var(--font-mono);font-size:var(--fs-100);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:right;padding:0 0 var(--sp-3);font-weight:400}table.t th:first-child,table.t th.l{text-align:left}table.t td{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-body);text-align:right;padding:7px 0;border-top:var(--bw-hair) solid var(--border-base);vertical-align:middle}table.t td:first-child,table.t td.l{text-align:left}table.t td:first-child{color:var(--text-strong)}table.t td.hi{color:var(--danger);font-weight:600}table.t td.dim{color:var(--text-muted)}table.t tbody tr:hover td{background:var(--bg-sunken)}.tablewrap{overflow-x:auto}.bars{display:grid;grid-template-columns:96px 1fr 44px;gap:var(--sp-3) var(--sp-4);align-items:center}.bars .lbl{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--text-body);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars .track{height:13px;background:var(--bg-sunken);border-radius:3px;position:relative}.bars .fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.bars .fill.zero{background:transparent;border:var(--bw-base) dashed var(--danger);border-radius:var(--radius-sm);width:26px!important}.bars .val{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--text-muted)}.bars .val.zero{color:var(--danger)}.sm{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media(max-width:760px){.sm{grid-template-columns:1fr}}.sm figure{border:var(--bw-base) solid var(--border-base);border-radius:var(--radius-lg);padding:9px 11px;background:var(--bg-surface);min-width:0}.sm figcaption{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--text-muted);margin-bottom:var(--sp-2)}.sm .peak{font-family:var(--font-mono);font-size:var(--fs-100);color:var(--text-strong)}.sm svg{display:block;width:100%;height:64px}.flag{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:var(--bw-hair) solid var(--border-base);font-size:var(--fs-400)}.flag:first-child{border-top:none;padding-top:0}.flag .fname{flex:1;color:var(--text-body)}.flag .fname em{font-style:normal;display:block;font-family:var(--font-mono);font-size:var(--fs-100);color:var(--text-muted)}.sw2{font-family:var(--font-mono);font-size:var(--fs-100);padding:var(--sp-1) 9px;border-radius:var(--radius-pill);flex:none}.sw2.on{background:var(--accent-fill);color:var(--text-strong)}.sw2.num{background:var(--bg-sunken);color:var(--text-strong);border:var(--bw-hair) solid var(--border-base)}.switch{position:relative;flex:none;width:36px;height:20px;padding:0;cursor:pointer;border:var(--bw-base) solid var(--border-base);border-radius:var(--radius-pill);background:var(--bg-sunken)}.switch__knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:var(--radius-round);background:var(--text-muted)}.switch[aria-checked=true]{background:var(--accent-fill);border-color:var(--ok)}.switch[aria-checked=true] .switch__knob{left:auto;right:2px;background:var(--ok)}.switch:disabled{opacity:.5;cursor:progress}.switch:focus-visible{outline:var(--bw-thick) solid var(--focus);outline-offset:1px}.inline{font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-body);width:100%;border:var(--bw-base) solid transparent;border-radius:var(--radius-md);padding:3px var(--sp-3);background:transparent;text-align:left}.inline:hover{border-color:var(--border-base);background:var(--bg-surface)}.inline:focus{outline:none;border-color:var(--focus);background:var(--bg-surface)}.inline.saving{opacity:.55}.inline.num{width:56px;text-align:right}.meter{margin-top:var(--sp-5);max-width:420px}.meter .mtop{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-200);color:var(--text-muted);margin-bottom:var(--sp-2)}.meter .mtop b{color:var(--text-strong);font-weight:600}.meter .mtrack{height:var(--sp-4);background:var(--bg-sunken);border-radius:3px;position:relative;overflow:hidden}.meter .mfill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.drop{display:grid;justify-items:center;gap:var(--sp-3);border:var(--bw-base) dashed var(--border-base);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center;font-family:var(--font-mono);font-size:var(--fs-300);color:var(--text-muted);margin-bottom:var(--sp-4);background:var(--bg-sunken)}.drop svg{width:26px;height:26px;opacity:.5}.dot{width:7px;height:7px;border-radius:var(--radius-round);flex:none;display:inline-block}.dot.live{background:var(--ok)}.dot.off{background:var(--idle)}.dot.warn{background:var(--danger)}