html,body,#root{margin:0;width:100%;height:100%}:root{--gb-bg: #282828;--gb-bg0-h: #1d2021;--gb-bg1: #3c3836;--gb-bg2: #504945;--gb-fg: #ebdbb2;--gb-fg1: #fbf1c7;--gb-fg4: #a89984;--gb-gray: #928374;--gb-red: #cc241d;--gb-red-light: #fb4934;--gb-green: #98971a;--gb-green-light: #b8bb26;--gb-yellow: #d79921;--gb-blue: #458588;--gb-blue-light: #83a598;--gb-purple: #b16286;--gb-purple-light: #d3869b;--gb-aqua: #689d6a;--gb-aqua-light: #8ec07c;--gb-orange: #d65d0e;--gb-orange-light: #fe8019}.app{width:100vw;height:100vh;background:var(--gb-bg);color:var(--gb-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.status{color:var(--gb-fg);padding:12px 16px}.status.error{color:var(--gb-red-light)}.status.success{color:var(--gb-green-light)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--gb-bg1);padding:10px 16px;background:var(--gb-bg0-h)}.brand{font-weight:800;letter-spacing:.06em;color:var(--gb-fg1)}.tabs{display:flex;gap:8px}.tab,.button{background:var(--gb-bg1);color:var(--gb-fg);border:1px solid var(--gb-bg2);border-radius:8px;padding:8px 12px;cursor:pointer}.tab:hover,.button:hover{background:var(--gb-bg2)}.tab.active{background:var(--gb-blue);border-color:var(--gb-blue-light);color:var(--gb-bg0-h);font-weight:700}.button-secondary{background:var(--gb-bg0-h)}.button-secondary:hover{background:var(--gb-bg1)}.button-danger{background:var(--gb-red);border-color:var(--gb-red-light);color:var(--gb-fg1)}.button-danger:hover{background:var(--gb-red-light)}.panel{flex:1;min-height:0}.graph-panel{height:100%}.force-svg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.force-svg-overlay__item{position:absolute;transform-origin:center}.force-svg-overlay__item img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.force-controls{position:absolute;top:14px;right:14px;z-index:21;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(100% - 28px,760px)}.force-controls__toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.force-controls__button{display:flex;align-items:center;gap:6px;padding:8px 10px;box-shadow:0 6px 18px #0000001f}.db-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;overflow:hidden}.column{background:var(--gb-bg0-h);border:1px solid var(--gb-bg1);border-radius:12px;padding:12px;display:flex;flex-direction:column;min-height:0}.column h2{margin:4px 0 10px;font-size:16px}.form{display:grid;gap:10px;border-bottom:1px solid var(--gb-bg1);padding-bottom:12px}.form label{display:grid;gap:4px;font-size:13px}.form input,.form textarea,.form select{background:var(--gb-bg);border:1px solid var(--gb-bg2);border-radius:8px;color:var(--gb-fg1);padding:8px 10px}.form input:focus,.form select:focus{outline:none;border-color:var(--gb-blue-light)}.checkbox-label{display:flex!important;align-items:center;gap:8px}.row{display:flex;gap:8px}.list{margin-top:12px;overflow:auto;display:grid;gap:8px}.list-item{border:1px solid var(--gb-bg2);border-radius:8px;padding:10px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.list-item p{margin:4px 0 0;color:var(--gb-fg4);font-size:12px}.tree-scroll-pane{height:100%;min-height:0;overflow-y:auto}.tree-search-label{display:flex;flex-direction:column;gap:5px;margin-top:10px;position:static}.tree-category-group{margin-top:14px}.tree-category-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--gb-bg2);border-radius:10px;background:linear-gradient(180deg,var(--gb-bg1),var(--gb-bg0-h));color:var(--gb-fg1);cursor:pointer;font:inherit;text-align:left}.tree-category-toggle:hover{border-color:var(--gb-blue-light);background:linear-gradient(180deg,var(--gb-bg2),var(--gb-bg1))}.tree-category-chevron{width:14px;color:var(--gb-yellow);font-size:12px;text-align:center;flex-shrink:0}.tree-category-title{font-size:.95rem;font-weight:700;letter-spacing:.01em}.tree-category-count{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--gb-blue);color:var(--gb-bg0-h);font-size:.76rem;font-weight:700}.tree-category-body{margin-top:8px;padding-left:10px;border-left:2px solid var(--gb-bg1)}@media (max-width: 1100px){.db-panel{grid-template-columns:1fr;overflow:auto}}