:root{color-scheme:light;--bg: #0b0f19;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--faint: rgba(255, 255, 255, .55);--accent: #7dd3fc;--good: #34d399;--warn: #fbbf24;--bad: #fb7185;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--radius: 14px;--radiusSm: 10px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{min-height:100vh;min-height:100dvh;margin:0;font-family:var(--font);background:radial-gradient(1200px 700px at 12% 6%,#1d2a5a 0%,transparent 55%),radial-gradient(900px 600px at 82% 12%,#0b4a57 0%,transparent 50%),linear-gradient(180deg,#070a12,#0b0f19);background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#070a12;color:var(--text)}.appRoot,#root{min-height:100vh;min-height:100dvh}.appRoot{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr}.appHeader{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.appTitle{font-size:16px;font-weight:650;letter-spacing:.2px}.appSubtitle{margin-top:4px;color:var(--muted);font-size:13px}.appHeaderMeta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pill{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;font-size:13px;color:var(--muted)}.pill b{color:var(--text);font-weight:700}.appMain{display:grid;grid-template-columns:var(--left-panel-width, clamp(300px, 24vw, 360px)) minmax(0,1fr) var(--right-panel-width, clamp(320px, 30vw, 400px));gap:14px;padding:14px;min-height:0}.canvasWrap{min-width:0;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;box-shadow:var(--shadow);overflow:hidden}.panelWrap{min-width:0;max-width:100%;min-height:0;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;box-shadow:var(--shadow);overflow:hidden}.panelWrapCollapsed{min-width:58px}.panel{height:100%;display:grid;grid-template-rows:auto 1fr}.panelHeader{padding:14px 14px 12px;border-bottom:1px solid var(--border);background:#0000002e}.panelHeaderTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelHeaderTitle{font-weight:650;font-size:14px}.panelHeaderAction{display:flex;align-items:center;gap:8px}.panelHeaderSub{margin-top:4px;color:var(--muted);font-size:12px}.panelToggleButton{width:30px;min-width:30px;height:30px;border:1px solid var(--border);border-radius:10px;background:#ffffff0f;color:var(--text);font-size:16px;font-weight:700;line-height:1;cursor:pointer}.panelBody{padding:14px;overflow:auto;overflow-x:hidden}.card{border:1px solid var(--border);border-radius:var(--radiusSm);background:#ffffff0f;padding:12px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.label{color:var(--muted);font-size:12px}.value{font-size:13px;color:var(--text)}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.teamItem{border:1px solid var(--border);border-radius:12px;background:#0000002e;padding:10px}.teamNameRow{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.teamName{font-weight:650;font-size:13px}.teamSize{color:var(--muted);font-size:12px}.teamMeta{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--muted);background:#ffffff0a}.chip strong{color:var(--text);font-weight:650}.browserSections{display:grid;gap:10px}.entitySectionHeader{display:grid;gap:8px}.entitySectionHeaderRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.entitySectionHeaderControls{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:8px}.entitySectionActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%}.entitySectionFooterActions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto}.entitySectionBody{margin-top:10px}.browserSection{border:1px solid var(--border);border-radius:12px;background:#00000029;padding:10px}.browserSectionHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.browserItems{display:grid;gap:8px;margin-top:10px}.browserItem{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text);padding:8px 10px;font-size:12px;cursor:pointer}.inspectorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inspectorActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.inspectorBody{display:grid;gap:10px;margin-top:12px}.inspectorGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.inspectorMetrics{display:flex;flex-wrap:wrap;gap:6px}.collapsedPanelRail{position:relative;width:100%;height:100%;border:0;background:linear-gradient(180deg,#ffffff14,#00000024);color:var(--text);cursor:pointer}.collapsedPanelRailChevron{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;color:var(--accent)}.collapsedPanelRailTitle{position:absolute;top:82px;left:50%;transform-origin:center;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.collapsedPanelRailTitleLeft{transform:translate(-50%) rotate(90deg)}.collapsedPanelRailTitleRight{transform:translate(-50%) rotate(270deg)}.chipButton{border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:11px;color:var(--muted);background:#ffffff0a;cursor:pointer}@media(max-width:980px){.appMain{grid-template-columns:1fr}}