:root{color-scheme:dark;--bg: #1c1a16;--bg-deep: #19170f;--surface: #232019;--surface-2: #2a2620;--surface-3: #322d26;--hover: #28241e;--line: #322e29;--line-strong: #443e36;--line-soft: #28251f;--text: #d2cdbf;--text-strong: #e0d9c8;--muted: #807a6e;--soft: #5a554b;--faint: #3a352f;--accent: #c97f5d;--accent-dim: #8f5a3e;--accent-bg: rgba(201, 127, 93, .08);--ok: #6e9359;--ok-bg: rgba(110, 147, 89, .07);--warn: #b89149;--warn-bg: rgba(184, 145, 73, .08);--bad: #b25a52;--bad-bg: rgba(178, 90, 82, .08);--info: #6588a4;--info-bg: rgba(101, 136, 164, .07);--sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "Consolas", "PingFang SC", monospace;--t-eyebrow: 10.5px;--t-micro: 11px;--t-small: 12px;--t-base: 13px;--t-mid: 14px;--t-lg: 18px;--t-xl: 22px;--t-display: clamp(24px, 2.4vw, 30px);--row-h: 36px;--tap-h: 30px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--t-base);line-height:1.45;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer;background:transparent;padding:0}button:disabled{cursor:default;opacity:.4}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}::selection{background:var(--accent);color:var(--bg)}*{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--line)}*::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}*::-webkit-scrollbar-track{background:transparent}.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg-deep);border-right:1px solid var(--line)}.brand{padding:18px 18px 22px;border-bottom:1px solid var(--line);display:grid;gap:2px}.brand-mark{display:flex;gap:8px;align-items:baseline;font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--text-strong);text-transform:uppercase}.brand-mark:before{content:"";width:4px;height:14px;background:var(--accent);display:inline-block;transform:translateY(2px)}.brand-meta{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft);letter-spacing:.04em}.nav{overflow-y:auto;padding:14px 0;display:grid;align-content:start;gap:12px}.nav-group{display:grid}.nav-group-label{padding:0 18px 6px;font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.nav-item{position:relative;height:var(--row-h);padding:0 18px 0 22px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:var(--t-base);text-align:left}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--text-strong);background:var(--surface)}.nav-item.active:before{background:var(--accent)}.nav-item .nav-key{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--soft)}.sidebar-foot{padding:12px 18px 16px;border-top:1px solid var(--line);display:grid;gap:8px}.foot-line{display:grid;grid-template-columns:4px 1fr auto;gap:8px;align-items:center;font-family:var(--mono);font-size:var(--t-micro);color:var(--muted)}.foot-line .dot{height:10px;background:var(--soft)}.foot-line .dot.ok{background:var(--ok)}.foot-line .dot.warn{background:var(--warn)}.foot-line .dot.bad{background:var(--bad)}.main{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:22px 28px 18px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.topbar-title{display:grid;gap:4px}.eyebrow{font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}.title{margin:0;font-family:var(--sans);font-weight:700;font-size:var(--t-display);letter-spacing:-.01em;line-height:1;color:var(--text-strong)}.title .accent{color:var(--accent)}.top-actions{display:flex;gap:8px;align-items:center}.workspace{padding:22px 28px 36px;display:grid;gap:22px;min-width:0;align-content:start}.input-shell{height:var(--row-h);display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);min-width:220px}.input-shell:focus-within{border-color:var(--accent);color:var(--text)}.input-shell input{background:transparent;border:0;outline:0;color:var(--text);font-family:var(--mono);font-size:var(--t-small);width:100%}.btn{height:var(--row-h);padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:var(--t-small);display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em;text-transform:uppercase}.btn:hover{border-color:var(--line-strong);background:var(--surface)}.btn.primary{border-color:var(--accent);color:var(--accent)}.btn.primary:hover{background:var(--accent);color:var(--bg)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.danger:hover{background:var(--bad);color:var(--text-strong);border-color:var(--bad)}.btn.ghost{border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);border-color:var(--line)}.btn.tap{height:var(--tap-h);padding:0 9px;font-size:var(--t-micro)}.btn-icon{width:var(--row-h);height:var(--row-h);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.btn-icon:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.btn-icon.danger{color:var(--bad)}.btn-icon.danger:hover{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.btn-row{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);background:var(--surface);height:var(--row-h)}.seg button{padding:0 12px;font-size:var(--t-small);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button:hover{color:var(--text);background:var(--hover)}.seg button.active{color:var(--bg);background:var(--accent)}.panel{border:1px solid var(--line);background:var(--surface);display:grid;grid-template-rows:auto 1fr;min-width:0}.panel.bare{background:var(--bg)}.panel-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px 10px;border-bottom:1px solid var(--line);background:var(--bg-deep)}.panel-eyebrow{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft);letter-spacing:.06em}.panel-eyebrow:before{content:"//";color:var(--accent);margin-right:6px}.panel-title{font-family:var(--sans);font-size:var(--t-mid);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.panel-tools{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:var(--t-micro)}.panel-body{padding:16px;min-width:0}.panel-body.flush{padding:0}.grid{display:grid;gap:16px;min-width:0}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.split{grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr)}.grid.split-wide{grid-template-columns:minmax(0,1.8fr) minmax(460px,1fr)}.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);background:var(--surface)}.strip-cell{position:relative;padding:14px 16px 14px 20px;border-right:1px solid var(--line);display:grid;gap:4px;min-width:0}.strip-cell:last-child{border-right:0}.strip-cell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--soft)}.strip-cell.ok:before{background:var(--ok)}.strip-cell.warn:before{background:var(--warn)}.strip-cell.bad:before{background:var(--bad)}.strip-cell.info:before{background:var(--info)}.strip-cell.accent:before{background:var(--accent)}.strip-label{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.strip-value{font-family:var(--mono);font-weight:500;font-size:24px;line-height:1;color:var(--text-strong)}.strip-sub{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft)}.table-wrap{overflow-x:auto;min-width:0}table.tbl{width:100%;border-collapse:collapse;table-layout:auto}.tbl thead th{position:sticky;top:0;background:var(--bg-deep);text-align:left;font-family:var(--sans);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:0 12px;height:38px;vertical-align:middle;font-size:var(--t-base);color:var(--text);border-bottom:1px solid var(--line-soft);white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.tbl tbody tr{position:relative}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr:hover td{background:var(--hover)}.tbl tbody tr.selected td{background:var(--accent-bg);color:var(--text-strong)}.tbl tbody tr.selected td:first-child{box-shadow:inset 4px 0 0 var(--accent)}.tbl tbody tr.spine-ok td:first-child{box-shadow:inset 4px 0 0 var(--ok)}.tbl tbody tr.spine-warn td:first-child{box-shadow:inset 4px 0 0 var(--warn)}.tbl tbody tr.spine-bad td:first-child{box-shadow:inset 4px 0 0 var(--bad)}.tbl tbody tr.spine-info td:first-child{box-shadow:inset 4px 0 0 var(--info)}.tbl tbody tr.spine-accent td:first-child{box-shadow:inset 4px 0 0 var(--accent)}.tbl tbody td:first-child{padding-left:18px}.tbl td.num,.tbl th.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.tbl td.id,.tbl td.code{font-family:var(--mono);font-size:var(--t-small);color:var(--muted)}.tbl td .row-actions{display:inline-flex;gap:4px;opacity:0;transition:opacity .12s ease-out}.tbl tbody tr:hover .row-actions,.tbl tbody tr.selected .row-actions{opacity:1}.tbl-empty{padding:28px 16px;text-align:center;color:var(--soft);font-family:var(--mono);font-size:var(--t-small);letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:1px solid var(--line);background:var(--bg-deep);color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}.chip.ok{color:var(--ok);border-color:#6e935966;background:var(--ok-bg)}.chip.warn{color:var(--warn);border-color:#b8914966;background:var(--warn-bg)}.chip.bad{color:var(--bad);border-color:#b25a5266;background:var(--bad-bg)}.chip.info{color:var(--info);border-color:#6588a466;background:var(--info-bg)}.chip.accent{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-bg)}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.chip-json{height:20px;padding:0 7px;border:1px dashed var(--line-strong);font-family:var(--mono);font-size:10.5px;color:var(--soft);letter-spacing:.06em}.spark{display:inline-grid;grid-template-columns:repeat(10,8px);gap:2px;align-items:center}.spark i{height:14px;background:var(--line);display:block}.spark i.on{background:var(--accent-dim)}.spark.ok i.on{background:var(--ok)}.spark.warn i.on{background:var(--warn)}.spark.bad i.on{background:var(--bad)}.spark.info i.on{background:var(--info)}.spark.accent i.on{background:var(--accent)}.spark-row{display:inline-flex;gap:10px;align-items:center;font-family:var(--mono);font-size:var(--t-small);color:var(--muted)}.spark-row strong{font-weight:500;color:var(--text-strong);min-width:36px;text-align:right;display:inline-block}.trend{display:grid;grid-template-columns:repeat(48,minmax(6px,1fr));gap:3px;align-items:end;padding:14px 0 8px;height:200px;border-bottom:1px solid var(--line)}.trend i{display:block;background:var(--accent-dim);min-height:2px;width:100%}.trend i:hover{background:var(--accent)}.trend-axis{display:flex;justify-content:space-between;padding-top:6px;font-family:var(--mono);font-size:10px;color:var(--soft)}.barlist{display:grid;gap:6px}.barlist-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(80px,2fr) auto;gap:12px;align-items:center;padding:6px 4px;font-size:var(--t-small);border-bottom:1px solid var(--line-soft)}.barlist-row:last-child{border-bottom:0}.barlist-row .label{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barlist-row .track{height:6px;background:var(--bg-deep);border:1px solid var(--line-soft)}.barlist-row .fill{height:100%;background:var(--accent)}.barlist-row .num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-strong);text-align:right;font-size:var(--t-small)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:5px;min-width:0}.field.wide{grid-column:1 / -1}.field-label{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{width:100%;height:34px;background:var(--bg-deep);border:1px solid var(--line);outline:none;color:var(--text);padding:0 10px;font-family:var(--mono);font-size:var(--t-small)}.field textarea{height:auto;min-height:110px;padding:8px 10px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field-check{display:inline-flex;gap:8px;align-items:center;height:34px;font-size:var(--t-small);color:var(--muted)}.field-check input{width:14px;height:14px;accent-color:var(--accent)}.chip-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;padding:6px 8px;background:var(--bg-deep);border:1px solid var(--line)}.chip-picker:focus-within{border-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;background:var(--surface-3);border:1px solid var(--line-strong);font-family:var(--mono);font-size:var(--t-micro);color:var(--text);max-width:100%}.chip-text{font-weight:500}.chip-id{color:var(--soft);font-size:10px}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:0}.chip-x:hover{color:var(--bad);background:#b25a521f}.chip-empty{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft);padding:2px 4px}.chip-add{height:22px!important;width:auto!important;padding:0 6px!important;font-size:var(--t-micro)!important;background:var(--surface-2)!important;border:1px dashed var(--line-strong)!important;color:var(--muted)!important;cursor:pointer}.chip-add:hover{color:var(--text);border-color:var(--accent-dim)!important}.chip-input{flex:1;min-width:100px;height:22px!important;padding:0 6px!important;background:transparent!important;border:0!important;outline:none;color:var(--text)!important;font-family:var(--mono)!important;font-size:var(--t-micro)!important}.chip-input::placeholder{color:var(--soft)}.probe-result{border-left:3px solid var(--info);background:var(--surface-2);padding:10px 12px;display:grid;gap:6px;font-family:var(--mono);font-size:var(--t-small)}.probe-result.ok{border-left-color:var(--ok);background:var(--ok-bg)}.probe-result.bad{border-left-color:var(--bad);background:var(--bad-bg)}.probe-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--text-strong)}.probe-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:.16em;padding:2px 8px;background:var(--info);color:var(--bg-deep)}.probe-badge.ok{background:var(--ok)}.probe-badge.bad{background:var(--bad)}.probe-detail{font-size:var(--t-micro);color:var(--muted);white-space:pre-wrap;word-break:break-word;line-height:1.5}.detail{display:grid;gap:0;margin:0}.detail .row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line-soft);min-width:0}.detail .row:last-child{border-bottom:0}.detail dt{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:0}.detail dd{margin:0;font-family:var(--mono);font-size:var(--t-small);color:var(--text);word-break:break-word;overflow-wrap:anywhere}.secret{border:1px solid var(--accent-dim);background:var(--accent-bg);padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.secret-meta{display:grid;gap:4px;min-width:0}.secret-label{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.secret code{font-family:var(--mono);font-size:var(--t-small);color:var(--text-strong);overflow-wrap:anywhere}.json{margin:0;font-family:var(--mono);font-size:var(--t-small);line-height:1.55;background:var(--bg-deep);border:1px solid var(--line);padding:12px 14px;color:var(--text);overflow:auto;max-height:460px;white-space:pre-wrap;word-break:break-word}.notice{border-left:4px solid var(--info);background:var(--info-bg);padding:9px 12px;font-size:var(--t-small);color:var(--text);font-family:var(--mono)}.notice.error{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.empty{padding:22px 12px;font-family:var(--mono);font-size:var(--t-small);color:var(--soft);text-align:center;letter-spacing:.04em}.gate{border:1px solid var(--accent-dim);background:var(--accent-bg);padding:24px;display:grid;gap:14px}.gate h3{margin:0;font-size:var(--t-lg);font-weight:700;letter-spacing:-.01em;color:var(--text-strong)}.gate .hint{font-family:var(--mono);font-size:var(--t-small);color:var(--text)}.gate code{display:block;font-family:var(--mono);font-size:var(--t-small);background:var(--bg-deep);border:1px solid var(--line);padding:10px 12px;color:var(--text-strong);overflow-x:auto}.toasts{position:fixed;right:22px;bottom:22px;display:grid;gap:8px;z-index:50;pointer-events:none}.toast{pointer-events:auto;width:min(380px,calc(100vw - 44px));background:var(--surface-2);border:1px solid var(--line-strong);padding:10px 14px 10px 18px;font-size:var(--t-small);color:var(--text);font-family:var(--mono);position:relative}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--info)}.toast.success:before{background:var(--ok)}.toast.error:before{background:var(--bad)}.toast.info:before{background:var(--info)}.drawer-mask{position:fixed;inset:0;background:#0a08048c;z-index:80;animation:drawer-fade .18s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,calc(100vw - 32px));background:var(--surface);border-left:1px solid var(--line-strong);z-index:81;display:grid;grid-template-rows:auto 1fr auto;animation:drawer-slide .22s ease-out;box-shadow:-16px 0 40px #00000059}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-family:var(--sans);font-size:var(--t-small);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-strong)}.drawer-body{padding:18px 20px 24px;overflow-y:auto;display:grid;gap:14px}.drawer-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.drawer-hint{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft);line-height:1.55;padding:8px 10px;border-left:2px solid var(--line-strong);background:var(--surface-2)}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.sub{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.sub h4{margin:0;font-family:var(--sans);font-size:var(--t-micro);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.sub .meta{font-family:var(--mono);font-size:var(--t-micro);color:var(--soft)}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.tools .grow{flex:1}@media(max-width:1440px){.grid.split,.grid.split-wide{grid-template-columns:1fr}}@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar{grid-template-rows:auto auto auto}.nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:0;padding:8px 12px}.nav-group{grid-auto-flow:column;grid-auto-columns:max-content}.nav-group-label{display:none}.nav-item{height:32px;padding:0 12px;border-right:1px solid var(--line)}.nav-item:before{display:none}.nav-item.active{border-bottom:2px solid var(--accent)}.strip{grid-template-columns:repeat(2,1fr)}.strip-cell{border-bottom:1px solid var(--line)}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.topbar{padding:16px 16px 12px}.workspace{padding:16px 16px 24px}}@media(max-width:720px){.strip,.form-grid{grid-template-columns:1fr}.top-actions{flex-direction:column;align-items:stretch}.input-shell{min-width:0;width:100%}}.quota-bar{height:6px;background:color-mix(in oklch,var(--surface) 60%,var(--bg));border-radius:3px;overflow:hidden;border:1px solid var(--line)}.quota-fill{height:100%;transition:width .24s ease-out}.quota-fill.ok{background:var(--ok)}.quota-fill.warn{background:var(--warn)}.quota-fill.bad{background:var(--bad)}