:root{--bg: #0b0f17;--panel: #0f1623;--rail: #070a12;--panel-2: #0b1320;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--muted: #94a3b8;--text: #e2e8f0;--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .26);--accent: #7dd3fc;--accent-2: rgba(125, 211, 252, .16);--danger: #fb7185;--ok: #86efac;--btn-primary-bg: rgba(125, 211, 252, .08);--btn-secondary-bg: rgba(148, 163, 184, .08);--btn-danger-bg: rgba(251, 113, 133, .1);--input-bg: rgba(148, 163, 184, .06);--code-bg: rgba(148, 163, 184, .05);--table-head-bg: rgba(148, 163, 184, .05);--rail-logo-bg: rgba(148, 163, 184, .06);--rail-hover-bg: rgba(148, 163, 184, .06);color-scheme:dark}:root[data-theme=light]{--bg: #f7f9fc;--panel: #ffffff;--rail: #f1f5f9;--panel-2: #f8fafc;--shadow: 0 10px 30px rgba(2, 6, 23, .08);--muted: #475569;--text: #0f172a;--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .18);--accent: #0284c7;--accent-2: rgba(2, 132, 199, .1);--danger: #e11d48;--ok: #16a34a;--btn-primary-bg: rgba(2, 132, 199, .08);--btn-secondary-bg: rgba(15, 23, 42, .05);--btn-danger-bg: rgba(225, 29, 72, .08);--input-bg: rgba(15, 23, 42, .04);--code-bg: rgba(15, 23, 42, .04);--table-head-bg: rgba(15, 23, 42, .03);--rail-logo-bg: rgba(15, 23, 42, .04);--rail-hover-bg: rgba(15, 23, 42, .05);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}body{margin:0}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.h1{font-size:22px;font-weight:700;margin:0 0 12px}.subtle{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.grid-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--btn-primary-bg);color:var(--text);border-radius:10px;padding:9px 12px;font-weight:600;cursor:pointer}.btn:hover{border-color:#7dd3fc59}.btn-secondary{background:var(--btn-secondary-bg)}.btn-danger{background:var(--btn-danger-bg)}.input,.select,.textarea{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px;outline:none}.textarea{min-height:120px;resize:vertical}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid var(--border)}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.table th{color:var(--muted);font-weight:700;background:var(--table-head-bg)}.pill{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px}.pill.ok{color:var(--ok)}.pill.bad{color:var(--danger)}.split{display:grid;gap:12px;grid-template-columns:420px minmax(0,1fr)}@media(max-width:1000px){.split{grid-template-columns:1fr}}pre.code{white-space:pre-wrap;word-break:break-word;background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:12px;font-size:12px;line-height:1.5;margin:0}.app-shell{height:100vh;width:100vw;display:flex;overflow:hidden;background:var(--bg);align-items:stretch}.min0{min-width:0;min-height:0}.rail{background:var(--rail);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 8px;gap:10px;width:52px;flex:0 0 52px}.rail-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:var(--rail-logo-bg);box-shadow:var(--shadow);user-select:none}.rail-btn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.rail-btn:hover{border-color:var(--border);background:var(--rail-hover-bg);color:var(--text)}.rail-btn:focus-visible{outline:2px solid rgba(125,211,252,.55);outline-offset:2px}:root[data-theme=light] .rail-btn:focus-visible{outline:2px solid rgba(2,132,199,.55)}.pane{border-right:1px solid var(--border);background:var(--panel-2);min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;height:100%}.pane-inner{padding:12px;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;height:100%}.pane-scroll{min-height:0;overflow:auto}.right-col{height:100%;display:grid;grid-template-rows:3fr 1fr;gap:12px;padding:12px;min-width:0;min-height:0;overflow:hidden}.right-top,.right-bottom{min-width:0;min-height:0;overflow:hidden}.card-fill{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0}.card-scroll{min-height:0;overflow:auto}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);padding-bottom:8px}.tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#94a3b80d;color:var(--muted);border-radius:10px;padding:7px 10px;font-size:13px;font-weight:700;cursor:pointer;user-select:none}.tab:hover{border-color:var(--border-strong);color:var(--text);background:#94a3b814}.tab.active{border-color:#7dd3fc73;background:var(--accent-2);color:var(--text)}.divider{height:1px;background:var(--border)}@media(max-width:1100px){.split{grid-template-columns:1fr}}.pane,.pane-inner{width:100%;min-width:0}.card{max-width:none}