@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";:root{--bg: #1e1e2e;--surface: #282a36;--muted: #44475a;--comment: #6272a4;--cyan: #8be9fd;--fg: #f8f8f2;--red: #ff5555;--row: 1.5em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:Roboto Mono,monospace;font-size:16px;letter-spacing:1px;line-height:var(--row)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select{font-family:inherit;font-size:inherit}.filter-box{position:relative;border:1px solid var(--comment);border-radius:4px;padding:20px 20px 10px;margin-bottom:16px}.filter-box .filter-box{padding-top:15px}.filter-box-title{position:absolute;top:-.6em;left:10px;background:var(--bg);padding:0 4px;color:var(--cyan);display:inline-block;line-height:1}.type-input-wrap{position:relative;flex:1;display:flex;background:var(--muted);border-radius:2px;height:var(--row)}.type-input-wrap:has(.type-input:disabled){opacity:.4}.type-ghost{position:absolute;inset:0;padding:0 5px;line-height:var(--row);pointer-events:none;white-space:nowrap;overflow:hidden}.type-ghost-typed{color:transparent}.type-ghost-suffix{color:var(--comment)}.type-input{background:transparent;color:var(--fg);border:none;height:var(--row);padding-left:6px;flex:1;outline:none;position:relative;z-index:1}.toggle-row{display:flex;align-items:center;gap:6px;height:var(--row);color:var(--fg);cursor:pointer}.toggle-row input[type=checkbox]{accent-color:var(--cyan);width:14px;height:14px}.input-row{display:flex;align-items:center;gap:8px;height:var(--row)}.input-row label{color:var(--fg);white-space:nowrap;flex-shrink:0}.go-button{margin-top:auto;margin-bottom:auto;align-self:center;background:var(--cyan);color:var(--surface);border:none;border-radius:2px;height:calc(2 * var(--row));padding:0 24px;font-weight:700;letter-spacing:.03em}.go-button:hover{opacity:.85}.cf-search{display:flex;flex-direction:column;padding:20px 20px 0;overflow-y:auto;height:100%}.toggle-row+.filter-box{margin-top:15px}.toggle-row+.input-row{margin-top:5px}.input-row .text-input,.input-row .type-input-wrap{margin-left:6px}.filter-box .filter-box .input-row .text-input,.filter-box .filter-box .input-row .stat-select{margin-left:0}.filter-box .filter-box .input-row label{min-width:15ch}.text-input{background:var(--muted);color:var(--fg);border:none;height:var(--row);padding-left:6px;flex:1;outline:none}.text-input:disabled{opacity:.4}.stat-select{background:var(--muted);color:var(--fg);border:none;border-radius:2px;height:var(--row);padding:0 6px;flex:1;outline:none}.stat-select:disabled{opacity:.4}.cf-search .filter-box:last-of-type{margin-bottom:0}.data-table-wrap{flex:1;overflow:auto;background:var(--surface)}.data-table{width:auto;border-collapse:collapse;color:var(--fg)}.data-table thead{position:sticky;top:0;background:var(--surface)}.data-table th{height:var(--row);padding:5px 8px 10px 10px;text-align:left;color:var(--cyan);font-weight:700;border-bottom:1px solid var(--muted);white-space:nowrap}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:var(--fg)}.sort-indicator{margin-left:4px}.data-table td{padding:3px 10px;border-bottom:1px solid var(--muted)}.data-table tbody tr:hover{background:var(--muted)}.tabs{display:flex;flex-direction:column;height:100%}.tabs-bar{display:flex;padding:10px;background:var(--bg);border-bottom:1px solid var(--muted);flex-shrink:0}.tab-btn{background:transparent;border:none;color:var(--comment);height:var(--row);padding:0 16px;font-weight:400;letter-spacing:.02em}.tab-btn:hover{color:var(--cyan)}.tab-btn.active{color:var(--cyan);font-weight:700}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.ca-search{display:flex;flex-direction:column;padding:20px 20px 0;overflow-y:auto;height:100%}.ca-search .filter-box:last-of-type{margin-bottom:0}.app{display:flex;height:100%;width:100%;gap:8px;padding:20px;background:var(--bg)}.left-pane{flex:2;display:flex;flex-direction:column;border:1px solid var(--comment);border-radius:4px;position:relative}.right-pane{flex:5;display:flex;flex-direction:column;border:1px solid var(--comment);border-radius:4px;position:relative}.pane-border-title{position:absolute;top:-.75em;background:var(--bg);padding:0 4px;color:var(--cyan);font-weight:700;letter-spacing:.05em}.pane-border-title.right{right:12px}.pane-border-title.left{left:12px}.pane-header{background:var(--bg);border-bottom:1px solid var(--muted);padding:10px 30px;flex-shrink:0;display:flex}.feature-tabs{display:flex}.feature-tab{background:transparent;border:none;color:var(--comment);height:var(--row);padding:0 20px 0 0}.feature-tab:hover{color:var(--cyan)}.feature-tab.active{color:var(--cyan);font-weight:700}.pane-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.help-btn{background:transparent;border:none;color:var(--cyan);position:absolute;top:10px;right:16px;height:var(--row);padding:0;display:flex;align-items:center;letter-spacing:.02em;font-weight:700}.help-btn:hover{color:var(--fg)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--comment);border-radius:4px;padding:32px;max-width:784px;width:100%;position:relative;display:flex;flex-direction:column;gap:24px}.modal-close{background:transparent;border:none;color:var(--comment);position:absolute;top:12px;right:16px;font-size:1em}.modal-close:hover{color:var(--fg)}.modal-section{display:flex;flex-direction:column;gap:8px}.modal-section h2{color:var(--cyan);font-size:1em;font-weight:700}.modal-section ul{list-style:none;display:flex;flex-direction:column;gap:4px;padding-left:8px}.modal-label,.modal-note{color:var(--cyan)}.error-msg{color:var(--red);height:var(--row);padding:0 8px;flex-shrink:0;display:flex;align-items:center}