:root{--bg:#07080a;--surface:#0e1014;--raised:#141820;--border:rgba(255,255,255,.10);--text:#e8eaef;--muted:#8b93a7;--accent:#3ee8c8;--danger:#f87171;--font:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'PingFang TC','Microsoft JhengHei',sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}.app{max-width:1540px;margin:0 auto;padding:22px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}h1{font-size:24px;font-weight:600;letter-spacing:-.025em;margin:0}header>span{font-size:12px;color:var(--muted)}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:7px;background:var(--raised);color:var(--text);padding:8px 13px;white-space:nowrap;cursor:pointer;line-height:1.4}button:hover:enabled{border-color:#3ee8c866;background:#19231f}button:disabled{opacity:.35;cursor:not-allowed}button.primary{border-color:#3ee8c85c;background:#3ee8c819;color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{border:1px solid var(--border);border-radius:6px;background:#080a0e;color:var(--text);padding:8px 10px}.mono{font-family:var(--mono)}.muted,.hint{color:var(--muted)}.connection-bar{display:flex;align-items:center;gap:9px;margin-bottom:19px}.connection-bar select{min-width:170px;width:330px}.connection-bar>.muted{font-size:11px;margin-left:6px}.defrost{margin-left:auto;color:#efbe8c;border-color:#efbe8c40}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}.cards article{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:15px 18px;min-height:106px}.cards article:first-child{border-color:#3ee8c832;background:#3ee8c806}.cards h2{font-weight:400;font-size:12px;color:var(--muted);margin:0 0 8px}.cards strong{font:500 29px/1.4 var(--mono);letter-spacing:-1px;white-space:nowrap}.cards article:first-child strong{color:var(--accent)}.cards article:last-child strong{font-family:var(--font);font-size:25px}.cards strong small{font-family:var(--font);font-size:13px;letter-spacing:0;color:var(--muted);font-weight:400}.health{font-size:11px;color:#9ba4b6;min-height:20px;line-height:1.7}.health.warning{color:var(--danger)}nav{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-top:15px}nav button{border:0;border-radius:7px 7px 0 0;background:none;color:var(--muted);padding:11px 20px;position:relative}nav button.active{background:var(--surface);color:var(--text)}nav button.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.tab-panel{background:var(--surface);border:1px solid var(--border);border-top:0;padding:16px;border-radius:0 0 10px 10px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.spacer{flex:1}.table-scroll{overflow:auto;border:1px solid var(--border);border-radius:7px;background:#0b0d11}.settings-scroll{height:390px;min-height:220px;max-height:48vh}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}thead{position:sticky;top:0;z-index:1;background:#161b23}th{font-weight:500;font-size:11px;color:#a4aec0;padding:10px 13px;white-space:nowrap}td{padding:9px 13px;border-bottom:1px solid #ffffff06;white-space:nowrap}td:first-child,td.value{font-family:var(--mono);font-size:11px}.settings-table{min-width:850px}.settings-table td:nth-child(2){white-space:normal;min-width:200px}.settings-table tr.setting{cursor:pointer}.settings-table tr.setting:hover{background:#ffffff04}.settings-table tr.selected{background:#3ee8c815}.settings-table tr.selected td{border-bottom-color:#3ee8c822}.settings-table .pending{color:var(--accent);font-family:var(--mono)}.settings-table .bounds{color:#8490a4;font-family:var(--mono);font-size:10px}.group-row th{padding:0;background:#11151b}.group-row button{border:0;background:none;text-align:left;width:100%;border-radius:0;color:#b0bdce;padding:9px 12px;font-size:12px}.group-row button:hover:enabled{background:#151c24}.editor{display:flex;align-items:center;gap:8px;margin-top:13px;flex-wrap:wrap}.editor label{font-family:var(--mono);font-size:12px;min-width:200px}.editor input{width:170px;font-family:var(--mono);font-size:12px}.hint{font-size:11px;margin:10px 0 0}#draft-count{margin-top:4px;color:#99b3aa}.live-tables{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.live-tables>section{min-width:0}.live-tables h2{font-size:12px;margin:0 0 10px;font-weight:500}.live-scroll{height:430px;max-height:55vh}.live-tables table{min-width:480px}.live-tables td:first-child{font-size:10px}.live-tables td:nth-child(2){font-size:11px;white-space:normal}.live-tables td:last-child{color:var(--accent);font-family:var(--mono)}.live-scroll.invalid td:last-child{color:var(--muted)}#log-lines{font:11px/1.8 var(--mono);min-height:320px;max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#bdc9d8}#status{font-size:12px;color:var(--muted);min-height:19px;margin:12px 0 0}#status.error{color:var(--danger)}dialog{background:var(--surface);border:1px solid #ffffff25;color:var(--text);border-radius:12px;padding:25px;width:min(420px,calc(100% - 32px));box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0009}dialog h2{font-size:19px;margin:0}dialog p{color:var(--muted);font-size:13px;margin:17px 0 23px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1000px){.app{padding:20px}.connection-bar{flex-wrap:wrap}.connection-bar select{width:240px}.cards{gap:8px}.cards article{padding:13px}.cards strong{font-size:23px}.cards article:last-child strong{font-size:22px}.toolbar .spacer{display:none}}
@media(max-width:700px){.app{padding:16px 12px}h1{font-size:21px}header{align-items:flex-start;gap:10px}header>span{font-size:10px;max-width:140px;text-align:right}.connection-bar select{flex:1;min-width:150px;width:auto}.connection-bar .muted{font-size:10px}.defrost{margin-left:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards article{min-height:95px}.cards article:last-child{grid-column:span 2;min-height:75px;display:flex;align-items:center;gap:25px}.cards article:last-child h2{margin:0}.cards strong{font-size:28px}.health{font-size:10px}nav button{padding:10px 13px;font-size:12px}.tab-panel{padding:10px}.toolbar{gap:6px}.toolbar button{font-size:11px;padding:7px 9px}.editor label{width:100%;min-width:0}.editor input{width:135px}.editor button{font-size:11px;padding-inline:9px}.settings-scroll{height:360px;max-height:48vh}.live-tables{grid-template-columns:1fr}.live-scroll{height:280px;max-height:none}.hint{font-size:10px}}