:root{color-scheme:dark;--bg: #101214;--bg-deep: #0c0e10;--sidebar: #15181a;--surface: #171a1d;--surface-raised: #1b1f22;--surface-active: #1b312d;--line: #2b3035;--line-strong: #3a4248;--text: #f3f6f7;--text-soft: #c4cacf;--muted: #818b93;--faint: #606a72;--accent: #22c7aa;--accent-strong: #35d6b9;--accent-soft: #173b34;--live: #f05c65;--live-soft: #3c2025;--warn: #d9b65f;--focus: #73e4d0;--shadow: 0 18px 44px rgba(0, 0, 0, .32);--font-sans: "Microsoft YaHei UI", "PingFang SC", "Segoe UI Variable", sans-serif;--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;--topbar-height: 54px;--nav-width: 184px;--nav-compact-width: 58px}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:1.45;letter-spacing:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{min-width:0;border-radius:4px;font:inherit;letter-spacing:0}button,select{cursor:pointer}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}input,select,textarea{border:1px solid var(--line);background:#131619;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--faint)}select{appearance:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:#454c52;background-clip:content-box}::selection{background:#22c7aa47}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text-soft)}.icon-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--accent)}.primary-button,.danger-button,.secondary-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--line);font-weight:700}.primary-button{border-color:var(--accent);background:var(--accent);color:#06231e}.primary-button:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.danger-button{border-color:var(--live);background:var(--live);color:#2c080c}.secondary-button{background:var(--surface-raised);color:var(--text-soft)}.secondary-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.field{display:grid;min-width:0;gap:6px}.field>span,.field-label{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{width:100%;min-height:36px;padding:8px 10px}.field textarea{resize:vertical}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--faint)}.status-dot.ready{background:var(--accent)}.status-dot.live,.status-dot.error{background:var(--live)}.status-dot.warn{background:var(--warn)}.inline-error,.inline-notice{display:flex;min-width:0;align-items:center;gap:8px;margin:0;padding:9px 11px;border:1px solid #67333a;border-radius:4px;background:#28191c;color:#f4a2a8}.inline-notice{border-color:#285248;background:#142622;color:#a4dfd3}.empty-state{display:grid;min-height:180px;align-content:center;justify-items:center;gap:9px;padding:24px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text-soft);font-size:14px}.empty-state p{max-width:420px;margin:0}.page-view{display:grid;min-width:0;height:100%;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.page-header{display:flex;min-width:0;min-height:68px;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.page-title{min-width:0}.page-title small{color:var(--accent);font-size:11px}.page-title h1{margin:2px 0 0;font-size:19px;line-height:1.2}.page-title p{margin:4px 0 0;color:var(--muted)}.page-actions{display:flex;min-width:0;align-items:center;gap:8px}.page-content{min-width:0;min-height:0;overflow:auto;padding:14px 18px 20px}.panel{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.panel-header{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:14px}.table-wrap{min-width:0;overflow:auto}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{height:44px;padding:7px 11px;overflow:hidden;border-bottom:1px solid var(--line);text-align:left;text-overflow:ellipsis;white-space:nowrap}.data-table th{color:var(--muted);font-size:11px;font-weight:500}.data-table tbody tr:hover{background:#1a1e21}.chip{display:inline-flex;min-height:23px;align-items:center;gap:6px;padding:2px 7px;border:1px solid var(--line);border-radius:3px;color:var(--text-soft);font-size:11px}.chip.ready{border-color:#285248;background:var(--accent-soft);color:#8be7d5}.chip.error,.chip.live{border-color:#63323a;background:var(--live-soft);color:#f3a1a7}.segmented-control{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:4px;grid-auto-flow:column;grid-auto-columns:1fr}.segmented-control button{min-height:34px;padding:0 10px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--muted);white-space:nowrap}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:var(--accent-soft);color:var(--accent-strong)}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.page-header,.page-content{padding-inline:12px}}