style.css

*{box-sizing:border-box}
:root{
 color-scheme:dark;
 --bg:#171e28;--panel:#202b3b;--panel2:#293b52;--line:#43536c;--text:#e6edf8;--muted:#a5b4c8;
 --scroll-track:#1b2431;--scroll-thumb:#536780;--scroll-hover:#718eaf;--scroll-active:#91b8e0;
 --blue:#4ea1ff;--blue2:#2f75c9;--green:#5bc48b;--red:#f16b6b;--yellow:#d7ad58;
}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button,input{font:inherit}
button{color:inherit}
.app{height:100%;display:flex;flex-direction:column}
.topbar{height:44px;flex:0 0 44px;background:#252526;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.logo{font-size:18px;color:var(--blue)}
.toolbar{display:flex;gap:6px}.search{background:#181818;border:1px solid #444;border-radius:4px;color:#ddd;padding:6px 9px;outline:none;width:260px}.search:focus{border-color:#5c91c8}
.btn{border:1px solid #4a4a4d;background:#303033;border-radius:4px;padding:5px 9px;cursor:pointer}.btn:hover{background:#3a3a3d;border-color:#626266}.btn.ghost{background:transparent}
.workspace{display:flex;min-height:0;flex:1}
.sidebar{width:300px;min-width:230px;border-right:1px solid #111;background:#202021;display:flex;flex-direction:column}
.side-title{height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;color:#aaa;font-weight:600}.count,.tab-badge{background:#3b3b3f;border-radius:10px;padding:1px 7px;color:#aaa}
.request-list{overflow:auto;flex:1}.empty{color:#777;text-align:center;padding:30px 15px;line-height:1.8}
.request-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #2c2c2e;padding:8px 10px;cursor:pointer}.request-item:hover{background:#2b2b2e}.request-item.active{background:#30353b;border-left:2px solid var(--blue);padding-left:8px}
.req-line{display:flex;align-items:center;gap:6px;margin-bottom:4px}.method.small{font-size:10px;font-weight:700;min-width:36px}.get{color:#6bc18c}.post{color:#5ea9f6}.put,.patch{color:#d4ab5c}.delete{color:#ed7777}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.status-dot.bad{background:var(--red)}.req-status,.req-time{color:#858585;font-size:10px}.req-time{margin-left:auto}.req-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6c6c6}
.main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.main-empty{margin:auto;text-align:center;color:#666}.empty-icon{font-size:44px;color:#444}.empty-title{font-size:14px;color:#999}.empty-sub{margin-top:4px}
.hidden{display:none!important}
.request-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #333;background:#242425;min-width:0}.request-info{display:flex;align-items:center;gap:8px;min-width:0}.method,.status{font-size:10px;font-weight:700;padding:3px 6px;border-radius:3px;background:#333}.method.get{color:#6bc18c}.method.post{color:#5ea9f6}.method.put,.method.patch{color:#d4ab5c}.method.delete{color:#ed7777}.status.ok{color:var(--green)}.status.bad{color:var(--red)}.url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfcfcf}.head-actions{display:flex;align-items:center;gap:5px;margin-left:8px}.head-actions>.hint{white-space:nowrap;line-height:1.5}.head-actions>.btn{white-space:nowrap}
.tabs{height:34px;display:flex;border-bottom:1px solid #333;background:#242425}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 14px;color:#999;cursor:pointer}.tab:hover{color:#ddd}.tab.active{color:#ddd;border-bottom-color:var(--blue)}
.panel{flex:1;min-height:0;display:flex;flex-direction:column}.subtoolbar,.table-toolbar,.raw-toolbar{min-height:40px;padding:5px 9px;border-bottom:1px solid #303033;display:flex;align-items:center;gap:6px}.hint{color:#777}.tree{overflow:auto;flex:1;padding:7px 8px;font-family:Consolas,Monaco,monospace;font-size:12px}
.node{margin:0}.node-head{min-height:27px;display:flex;align-items:center;gap:7px;padding:3px 6px;border-radius:3px;cursor:default;white-space:nowrap}.node-head:hover{background:#29292c}.node-children{padding-left:20px}.node-children.hidden{display:none}.caret{width:11px;color:#aaa;cursor:pointer}.caret.leaf{width:11px}.node-key{color:#82b8ff}.node-type{color:#9b9b9b}.type-array{color:#d6ad62}.type-object{color:#8fc6ff}.type-string{color:#98c379}.type-number{color:#c6a0e8}.type-boolean{color:#e0a96d}.type-null{color:#777}.node-preview{color:#777;max-width:500px;overflow:hidden;text-overflow:ellipsis}.node-actions{display:inline-flex;gap:4px;margin-left:auto}.mini-btn,.copy-mini{font-size:10px;padding:2px 5px;border:1px solid #444;background:#2b2b2e;border-radius:3px;cursor:pointer;color:#aaa}.mini-btn:hover,.copy-mini:hover{color:#ddd;border-color:#666}.copy-mini{margin-left:auto}
.loading{padding:25px;color:#777;text-align:center}.loading.inline{padding:8px;text-align:left}.error{color:var(--red);padding:8px}.more{padding:7px 20px;color:#666;border-top:1px dashed #333}.table-toolbar{flex-wrap:wrap}.table-path{font-family:Consolas,monospace;color:#82b8ff;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-search{width:220px;margin-left:auto}.table-meta{height:28px;display:flex;align-items:center;padding:0 9px;color:#777;border-bottom:1px solid #303033}.table-wrap{overflow:auto;flex:1}.table-wrap table{border-collapse:separate;border-spacing:0;min-width:100%;font-family:Consolas,Monaco,monospace}.table-wrap th{position:sticky;top:0;background:#303033;color:#bbb;text-align:left;font-weight:600;border-bottom:1px solid #4a4a4a;padding:7px 8px;white-space:nowrap;cursor:pointer;z-index:2}.table-wrap th:hover{color:#fff;background:#36363a}.table-wrap td{border-bottom:1px solid #2c2c2e;padding:6px 8px;max-width:360px;vertical-align:top;color:#d0d0d0}.table-wrap tr:hover td{background:#25292d}.cell-complex{color:#d6ad62}.expand-cell{margin-left:7px;background:#303033;border:1px solid #444;color:#999;border-radius:3px;padding:1px 5px;font-size:10px;cursor:pointer}.expand-cell:hover{color:#fff}.loading-cell,.error-cell{padding:25px!important;text-align:center!important;color:#777}.error-cell{color:var(--red)!important}
.pagination{height:38px;border-top:1px solid #303033;display:flex;justify-content:center;align-items:center;gap:8px}.page-btn{background:#303033;border:1px solid #444;border-radius:3px;width:28px;height:24px;cursor:pointer}.page-btn:disabled{opacity:.35;cursor:default}.page-info{color:#888}
.raw-toolbar{justify-content:space-between}.raw{margin:0;padding:12px;overflow:auto;flex:1;color:#c8c8c8;font:12px/1.55 Consolas,Monaco,monospace;white-space:pre-wrap;word-break:break-word;background:#1b1b1b}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;z-index:20}.modal-card{width:min(900px,92vw);height:min(680px,88vh);background:#242425;border:1px solid #48484b;border-radius:6px;box-shadow:0 12px 40px #000;display:flex;flex-direction:column}.modal-head{height:40px;padding:0 10px;border-bottom:1px solid #3b3b3d;display:flex;align-items:center;justify-content:space-between;font-weight:600}.icon-btn{background:transparent;border:0;font-size:20px;color:#aaa;cursor:pointer}.modal-actions{padding:6px 10px;border-bottom:1px solid #333}.modal-content{margin:0;padding:12px;overflow:auto;flex:1;white-space:pre-wrap;word-break:break-word;color:#d2d2d2;font:12px/1.55 Consolas,Monaco,monospace}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(10px);background:#333;border:1px solid #555;padding:7px 14px;border-radius:4px;color:#ddd;opacity:0;pointer-events:none;transition:.15s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){.sidebar{width:220px}.table-search{width:160px}.table-path{max-width:25%}}
.modal-content{white-space:pre;overflow:auto;max-height:70vh;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}

.detail{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.request-head,.tabs,.subtoolbar,.table-toolbar,.raw-toolbar,.table-meta,.pagination{flex-shrink:0}
#modalContent>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}
@media(max-width:700px){.brand{display:none}.toolbar{width:100%}.toolbar .search{flex:1;min-width:0}.sidebar{min-width:140px;width:35%}.head-actions{flex-wrap:wrap}.request-head{height:auto;min-height:48px}.table-search{width:120px}.table-path{max-width:100%}}

/* Bounded single-line cells keep long text from inflating rows. */
.table-wrap{min-height:0;min-width:0;max-width:100%;overscroll-behavior:contain}
.table-wrap table{table-layout:fixed;width:100%;min-width:100%}
.table-wrap th{height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-wrap td{height:40px;vertical-align:middle;white-space:nowrap;overflow:hidden}
.cell-content{display:flex;align-items:center;gap:6px;min-width:0;height:23px;overflow:hidden}
.cell-text{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell-content .expand-cell{flex:none;margin-left:0}
.match-badge{flex:none;font-size:10px;color:#ffd67a}
mark{background:#775b14;color:#fff2ac;border-radius:2px;padding:0}
.req-url mark{font-weight:600}

.cell-viewable{cursor:pointer}.cell-viewable:hover{color:#82b8ff}.cell-viewable:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}

.table-wrap td.search-current{background:#403720;box-shadow:inset 0 0 0 2px #e7b84b}.search-current .match-badge{background:#775b14;color:#fff2ac}#matchPosition{white-space:nowrap;min-width:45px;text-align:center}
/* Integrated JSON inspector. Nodes are requested only when expanded. */
.modal-card{width:min(1200px,96vw);height:min(820px,92vh)}
.modal-card.viewer-maximized{width:98vw;height:96vh}
.viewer-toolbar{padding:8px 10px;border-bottom:1px solid #3b3b3d;flex:none;max-height:45%;overflow:auto}
.viewer-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.viewer-controls .search{flex:1;min-width:140px}
.viewer-path{color:#82b8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px;font-family:Consolas,monospace}
.viewer-results{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-height:150px;overflow:auto;margin-top:8px}
.modal-content{min-height:0;max-height:none;white-space:pre-wrap;overflow:auto}
#modalContent>.viewer-tree{display:block;margin-top:0}
.viewer-row{display:flex;align-items:center;gap:7px;min-height:30px;white-space:nowrap;max-width:100%}.viewer-row:hover{background:#2d3038}
.viewer-key{color:#82b8ff;flex-shrink:0;max-width:35%;overflow:hidden;text-overflow:ellipsis}
.viewer-value{flex:1;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer-row button{flex:none}.viewer-children{padding-left:20px;border-left:1px solid #34373d;margin-left:10px}
.viewer-page{display:flex;align-items:center;gap:12px;color:#969696;padding:7px 0}.viewer-scalar{white-space:pre-wrap;word-break:break-word;margin:0;color:#b9d99e;font:inherit}
/* Resizable request sidebar. Collapse leaves the request data untouched. */
.workspace{--sidebar-width:300px;min-width:0}
.workspace>.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:0;overflow:hidden}
.side-title{gap:7px}.side-title>.count{margin-left:auto}.side-title>.icon-btn{font-size:18px;line-height:1;padding:3px}
.sidebar-resizer{position:relative;flex:0 0 6px;background:#19191a;cursor:col-resize;touch-action:none;z-index:3;outline:none}
.sidebar-resizer:hover,.sidebar-resizer:focus-visible,.sidebar-dragging .sidebar-resizer{background:var(--blue2)}
.sidebar-resizer::after{content:'';position:absolute;inset:0 -2px}
.sidebar-collapsed>.sidebar,.sidebar-collapsed>.sidebar-resizer{display:none}
.sidebar-dragging,.sidebar-dragging *{cursor:col-resize!important;user-select:none!important}
#toggleSidebar{flex:none;margin:0 8px}
.topbar .toolbar{min-width:0}.topbar .toolbar .search{min-width:50px}
@media(max-width:700px){.topbar .toolbar{flex:1;width:auto}.topbar .toolbar .search{width:100%;min-width:40px}.topbar{padding:0 5px}#toggleSidebar{margin:0 5px 0 0;padding:5px}}
select{background:#242426;color:#ddd;border:1px solid #444;border-radius:4px;padding:5px 6px;font:inherit}
.request-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 8px;border-bottom:1px solid #333;flex:none}.request-filters select{flex:1;min-width:65px;max-width:100%}.request-filters label{display:flex;gap:4px;align-items:center;color:#999;font-size:11px}
.head-actions{flex-wrap:wrap;flex:none}.request-head{height:auto;min-height:48px;padding-top:6px;padding-bottom:6px}.tabs{flex-shrink:0;overflow-x:auto}.tab{flex:none}
.request-details{overflow:auto;flex:1;padding:12px;min-height:0}.request-section{margin:0 0 18px;border:1px solid #3b3b3f;border-radius:5px;overflow:hidden}.request-section h3{margin:0;padding:8px 10px;background:#2d2d30;color:#a9cfff;font-size:12px}.request-section>p{padding:0 10px}.detail-pair{display:flex;border-top:1px solid #333;padding:6px 10px;gap:12px}.detail-key{flex:0 0 160px;color:#aaa;overflow-wrap:anywhere}.detail-value{min-width:0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Consolas,monospace;max-height:240px;overflow:auto}
.column-menu{position:relative;flex:none}.column-menu>summary{list-style:none;white-space:nowrap}.column-popover{position:absolute;right:0;top:calc(100% + 5px);width:260px;background:#252526;border:1px solid #555;box-shadow:0 5px 20px #0008;z-index:8;padding:8px;max-height:300px;overflow:auto}.column-actions{display:flex;gap:6px;margin-bottom:7px}#columnList{display:flex;flex-direction:column;gap:4px}#columnList label{display:flex;gap:6px;align-items:center;overflow-wrap:anywhere}
.viewer-jump{display:flex;gap:6px;margin-top:8px}.viewer-jump input{flex:1;min-width:0;width:auto;font-family:Consolas,monospace}
@media(max-width:700px){.head-actions{gap:4px;max-width:55%}.head-actions .btn{font-size:10px;padding:4px}.detail-key{flex-basis:100px}}

.viewer-row.viewer-search-target{background:#403720;box-shadow:inset 3px 0 #f0bd4b;outline:1px solid #8c702c;outline-offset:-1px}.viewer-search-target .viewer-key{color:#ffda78}.viewer-results button{cursor:pointer}.viewer-results button:hover{border-color:var(--blue);background:#313b49}
.viewer-results button.viewer-result-current{border-color:#d4ab5c;background:#403720}#viewerMatchPosition{white-space:nowrap;min-width:45px;text-align:center}

.viewer-expandable{cursor:pointer}.viewer-expandable:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}.node-head:has(.caret:not(.leaf)){cursor:pointer}

/* No empty count pill before an array is selected. */
.tab-badge:empty{display:none}

.viewer-complete .viewer-row{align-items:flex-start;white-space:normal;padding-top:3px;padding-bottom:3px}
.viewer-complete .viewer-value{white-space:pre-wrap;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.viewer-complete .viewer-key{white-space:pre-wrap;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.viewer-large-notice{white-space:normal;color:#d7ad58;line-height:1.8;margin-bottom:12px;max-width:700px}
/* Higher-contrast data grid with content-sized columns. */
.table-wrap{background:#171e28;border:1px solid #46556b;border-radius:6px;margin:0 8px 7px;scrollbar-gutter:stable}
.table-wrap table{table-layout:fixed;border-spacing:0;min-width:0;font:13px/1.5 Consolas,"SFMono-Regular",Monaco,"Microsoft YaHei",monospace}
.table-wrap thead th{height:54px;width:auto;max-width:none;padding:9px 12px 7px;background:#293b52;color:#f1f6ff;border-bottom:2px solid #648bb8;border-right:1px solid #50617a;text-align:left;vertical-align:top;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:13px;font-weight:650;box-shadow:0 2px 5px #0003}
.table-wrap thead th:hover{background:#344d6c}.table-wrap thead th:focus-visible{outline:2px solid #8ec5ff;outline-offset:-3px}.table-wrap thead th.sorted-column{background:#304c6c;border-bottom-color:#83c4ff}
.th-main{display:flex;gap:8px;align-items:center;min-height:20px}.th-field{flex:1;min-width:0;white-space:nowrap;overflow-wrap:normal;display:block;overflow:hidden;text-overflow:clip}.th-sort{flex:none;color:#91b5dd;font-size:15px;line-height:20px}.sorted-column .th-sort{color:#ade0ff;font-weight:700}.th-kind{display:block;font-size:10px;font-weight:400;color:#b5c6db;margin-top:4px;line-height:14px;white-space:nowrap}
.table-wrap tbody td{height:42px;max-width:none;padding:8px 12px;vertical-align:middle;border-bottom:1px solid #3b485c;border-right:1px solid #3b485c;background:#1e2836;color:#e6edf8;white-space:nowrap;overflow:hidden}
.table-wrap tbody tr:nth-child(even) td{background:#253244}.table-wrap tbody tr:hover td{background:#30465f}.table-wrap tbody td:hover{box-shadow:inset 0 0 0 1px #80a6d0}.table-wrap tbody td:focus-within{background:#324d6d}
.cell-content{height:25px;gap:8px}.cell-text{line-height:23px}.table-wrap td.cell-type-number .cell-text{color:#b8daff;text-align:right;font-variant-numeric:tabular-nums}.table-wrap td.cell-type-boolean .cell-text{font-weight:600}.table-wrap td.bool-true .cell-text{color:#91e3b0}.table-wrap td.bool-false .cell-text{color:#ffc58b}.table-wrap td.cell-type-null .cell-text{color:#b6c0d0;font-style:italic}.table-wrap td.cell-type-undefined .cell-text{color:#8d9bb0}.table-wrap .cell-complex{color:#ffd28b;font-weight:500}.cell-viewable:hover{color:#fff;text-decoration:underline;text-decoration-color:#719ecb;text-underline-offset:3px}
.table-wrap .expand-cell{background:#344963;border-color:#6682a4;color:#eef6ff;padding:2px 7px;line-height:18px;border-radius:4px;font-size:11px}.table-wrap .expand-cell:hover{background:#456689;border-color:#9ccaff}.table-wrap mark{background:#806315;color:#fff6ca;font-weight:700}.table-wrap tbody td.search-current{background:#4a3f23;box-shadow:inset 0 0 0 2px #ffd66f}.table-wrap tbody tr:hover td.search-current{background:#55482a}.table-meta{height:32px;color:#b4c2d4;border-bottom:none;padding:0 11px}.table-toolbar{background:#222c3a;border-bottom:1px solid #46556b;gap:7px;padding:8px 10px}.table-path{color:#b1d7ff}.pagination{background:#202b3b;border-top-color:#43536c}.page-info{color:#c3d2e6}
.column-resizer{position:absolute;right:-1px;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;z-index:4;outline:none}
.column-resizer:hover,.column-resizer:focus-visible{background:#89bfff66;border-right:2px solid #b6d9ff}
.column-dragging,.column-dragging *{cursor:col-resize!important;user-select:none!important}
.table-wrap thead th{padding-right:16px}

/* Type metadata stays secondary; the actual values carry contrast. */
.node-head>.node-type{color:#8794a6;font-size:11px;font-weight:400}
.node-head>.node-preview{color:#e4edf8}
.node-head>.node-type.type-number+.node-preview{color:#a8d4ff;font-weight:600;font-variant-numeric:tabular-nums}
.node-head>.node-type.type-string+.node-preview{color:#b8dda7}
.node-head>.node-type.type-boolean+.node-preview{color:#ffd193;font-weight:600}
.viewer-expansion-status{display:flex;align-items:center;gap:12px;margin-top:8px;color:#b6d4f2;font-size:12px}
.viewer-virtual{position:relative;display:block!important;margin:0!important;overflow-anchor:none}
.viewer-virtual .viewer-flat-row{display:flex;align-items:center;gap:8px;height:32px;box-sizing:border-box;border-bottom:1px solid #343e4d;white-space:nowrap}
.viewer-flat-row:hover{background:#2d3c4f}.viewer-flat-row .viewer-key{flex:none;max-width:32%}.viewer-flat-row .viewer-value{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}
.viewer-flat-row .type-number{color:#a8d4ff;font-weight:600}.viewer-flat-row .flat-caret{width:12px;color:#8998ac;flex:none}

.viewer-value.type-number{color:#a8d4ff;font-weight:600}
/* Align mixed-size field/type/value text on one baseline. */
.node-head{align-items:baseline;line-height:20px}
.node-head>.node-key,.node-head>.node-type,.node-head>.node-preview{line-height:20px}
.node-head>.caret,.node-head>.node-actions,.node-head>.copy-mini,.node-head>.mini-btn{align-self:center}

/* One dark-blue surface and scrollbar palette for every scrollable element. */
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
/* Chrome versions with standard scrollbar support otherwise ignore pseudo styling. */
@supports selector(::-webkit-scrollbar){
 *{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:10px;height:10px}
 ::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:8px}
 ::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px;min-height:28px}
 ::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}
 ::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
 ::-webkit-scrollbar-corner{background:var(--scroll-track)}
 ::-webkit-scrollbar-button{display:none}
}
.request-list,.tree,.raw,.request-details,.modal-content{background:var(--bg)}
.request-list,.tree,.raw,.request-details,.modal-content,.detail-value,.column-popover,.viewer-results{overscroll-behavior:contain}
.request-list{min-height:0;scrollbar-gutter:stable}
.sidebar,.pagination{background:var(--panel)}
.topbar,.request-head,.tabs,.side-title,.request-filters,.subtoolbar,.raw-toolbar,.viewer-toolbar,.modal-head,.modal-actions{background:var(--panel);border-color:var(--line)}
.side-title{color:#c3d2e6}
.sidebar{border-color:var(--line)}
.sidebar-resizer{background:#131c29}
.request-item{border-bottom-color:#2b394c}
.request-item:hover{background:#25364b}
.request-item.active{background:#2d4561;box-shadow:inset 0 0 0 1px #456485}
.req-url,.url{color:#d8e5f5}
.req-status,.req-time,.hint{color:var(--muted)}
.count,.tab-badge,.method,.status{background:#30435b;color:#c5d5e9}
.search,select{background:#162130;border-color:#435872;color:var(--text)}
.search:focus,select:focus-visible{border-color:#8bbcff;box-shadow:0 0 0 2px #4ea1ff22;outline:none}
.btn,.page-btn,.mini-btn,.copy-mini,.expand-cell{background:#2a3b52;border-color:#4d6583;color:#d9e7f7}
.btn:hover,.page-btn:not(:disabled):hover,.mini-btn:hover,.copy-mini:hover,.expand-cell:hover{background:#354f6e;border-color:#7fa9d5;color:#fff}
.btn.ghost{background:transparent}
.tab{color:#a9bbd2}.tab.active,.tab:hover{color:#eef6ff}
.modal-card,.column-popover{background:var(--panel);border-color:#506785;box-shadow:0 16px 48px #0008}
.request-section{border-color:var(--line)}
.request-section h3{background:#293b52}
.detail-pair{border-color:#33445b}
.detail-key{color:#aebfd5}
.detail-value{background:#182331;border-radius:4px;padding:4px 6px}
.column-popover{border-radius:6px}
.node-head:hover,.viewer-row:hover{background:#26384e}
.viewer-children{border-left-color:#35485f}
@media(forced-colors:active){
 *{scrollbar-color:auto}
 ::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}
}

/* Search placement follows the data it controls. */
.topbar{justify-content:flex-start;gap:8px}
.topbar #toggleSidebar{order:-1;margin-left:0}
.field-mock-selected{outline:1px solid var(--blue,#60a5fa);outline-offset:2px}
.request-search{flex:none;padding:9px 8px 8px;background:var(--panel);border-bottom:1px solid var(--line)}
.request-search>label{display:block;margin-bottom:5px;color:#b9cce3;font-weight:500}
.request-search-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.request-search-controls .search{width:100%;min-width:0;flex:1 1 100px}
.request-search-controls .btn{flex:none;white-space:nowrap}
.subtoolbar{flex-wrap:wrap}
.tree-search-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto;min-width:0;max-width:100%}
.tree-search-controls label,.table-search-label{color:#b9cce3;white-space:nowrap}
.tree-search-controls .search{width:210px;min-width:80px;max-width:100%;flex:1}
.table-search-label{margin-left:auto}
.table-search{margin-left:0;max-width:100%;min-width:80px}
@media(max-width:700px){.tree-search-controls{flex:1 1 100%;margin-left:0}.tree-search-controls .search{width:auto}.table-search-label{margin-left:0}}

/* Copy stays beside scalar content, including paged long text. */
#modalContent>.viewer-content-actions{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0 0 8px;padding:6px 0;background:var(--bg);position:sticky;top:0;z-index:1;white-space:normal}
.viewer-content-actions>.mini-btn{padding:5px 10px;font-size:12px;border-color:#79a8d8;color:#edf6ff;background:#304e70}
.viewer-content-actions>.mini-btn:hover{background:#3b628b}

/* Response editing is a separate workspace; captured data stays read-only. */
.edit-response-entry{border-color:#639fe1;background:#294e76;color:#eef7ff}
.response-editor{position:fixed;inset:0;z-index:25;background:#080e18bd;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px}
.response-editor-card{display:flex;flex-direction:column;width:min(1280px,100%);height:min(900px,95vh);min-height:0;border:1px solid #425976;border-radius:12px;background:#172232;box-shadow:0 24px 100px #0009;overflow:hidden}
.response-editor-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px 15px;background:#1e2c40;border-bottom:1px solid #34465f;flex:none}
.response-editor-head h2{font-size:21px;line-height:1.3;letter-spacing:.3px;font-weight:600;margin:8px 0 0;color:#f1f6ff}
.response-editor-eyebrow{font-size:10px;letter-spacing:1.8px;color:#9bb3d0;display:flex;align-items:center;gap:13px}
.response-editor-eyebrow span{letter-spacing:0;font-size:11px;padding:2px 8px;color:#91d6c7;background:#28463f;border:1px solid #3a665c;border-radius:4px}
.response-editor-head .icon-btn{width:32px;height:32px;border-radius:6px;color:#b4c7df}.response-editor-head .icon-btn:hover{background:#34475e}
.response-editor-request{display:flex;align-items:center;gap:10px;padding:11px 24px;background:#1b293a;border-bottom:1px solid #34465f;min-width:0;flex:none}
#responseEditorUrl{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7cae1}
.draft-state{margin-left:auto;white-space:nowrap;color:#c0ad7c;font-size:11px;padding-left:12px}
.response-editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px;flex:none;border-bottom:1px solid #34465f}
.response-editor-tools{display:flex;gap:7px;flex-wrap:wrap}
.response-editor .btn{font-size:12px;padding:6px 12px;border-radius:5px}.response-editor .btn:disabled{opacity:.4;cursor:not-allowed}
.editor-validity{color:#a5b4c8;font-size:11px;white-space:nowrap}.editor-validity.valid{color:#81d5b3}.editor-validity.invalid{color:#ff9696}
.response-editor-panes{display:grid;grid-template-columns:1fr 1fr;min-height:170px;flex:1;overflow:hidden;background:#121c29}
.response-editor-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.response-editor-pane+.response-editor-pane{border-left:1px solid #34465f}
.response-pane-heading{flex:none;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #2e3e55;background:#1b2738;color:#c5d6eb;font-weight:500}
.response-pane-heading>span:last-child:not(:first-child){color:#849ab4;font-size:10px;font-weight:400}.response-pane-heading label{color:#b0d2ff}
.response-original,.response-editor-input{margin:0;padding:16px 20px;flex:1;min-height:0;min-width:0;width:100%;overflow:auto;tab-size:2;white-space:pre;color:#9db1ca;background:#121c29;border:0;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,"Microsoft YaHei",monospace;overscroll-behavior:contain}
.response-editor-input{resize:none;outline:none;color:#dceaff;background:#1b2b3a;border-radius:0;caret-color:#91bcff}.response-editor-input:focus{box-shadow:inset 0 0 0 1px #568ac2}.response-editor-input[aria-invalid="true"]{box-shadow:inset 0 0 0 1px #e47979}
.response-mock-bar{display:flex;align-items:center;gap:8px;flex:none;padding:7px 12px;background:#243e3e;border-bottom:1px solid #49665e;color:#a7dfc8;flex-wrap:wrap}.response-mock-bar>span{flex:1;min-width:150px}.response-mock-bar .btn{font-size:11px;padding:3px 8px}
.response-mock-controls{padding:12px 24px;background:#1b303b;border-bottom:1px solid #3b5361;flex:none}.response-mock-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.response-mock-options label{color:#a9bfd5;font-size:11px}.response-mock-options select,.response-mock-options input{font:inherit;background:#132331;border:1px solid #476378;border-radius:4px;color:#dceaff;padding:5px 7px;min-height:29px}.response-mock-options input{width:68px}.response-mock-state{color:#a2c6c4;font-size:11px;margin-top:9px;overflow-wrap:anywhere}.response-editor-card>.response-mock-controls{max-height:150px;overflow:auto}
.response-editor-error{padding:9px 24px;color:#ffb0b0;background:#502b36;max-height:70px;overflow:auto;flex:none;border-top:1px solid #7b4351;overflow-wrap:anywhere}
.response-diff{flex:none;max-height:230px;min-height:104px;display:flex;flex-direction:column;border-top:1px solid #34465f;background:#182537}
.response-diff-heading{display:flex;align-items:center;gap:12px;padding:10px 20px;flex:none;border-bottom:1px solid #2c3d54}.response-diff-heading h3{font-size:12px;margin:0;font-weight:500}.response-diff-heading>span{font-size:11px;color:#9eb3cd}.response-diff-heading>.btn{margin-left:auto;padding:3px 8px;font-size:11px}
.response-diff-list{overflow:auto;min-height:0;padding:0 20px;overscroll-behavior:contain}.response-diff-empty{padding:16px 0;color:#829ab6;font-size:12px}
.response-change{display:grid;grid-template-columns:40px minmax(100px,.75fr) minmax(150px,1.25fr);gap:12px;align-items:center;min-height:35px;padding:7px 0;border-bottom:1px solid #2a3c52}
.change-kind{border-radius:4px;padding:1px 5px;background:#3e3b26;color:#e6ca84;text-align:center;font-size:10px}.added .change-kind{background:#25463f;color:#8dd4ba}.removed .change-kind{background:#4c2e3a;color:#f0a1ac}
.change-path{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a8c9f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-values{display:flex;align-items:center;gap:10px;min-width:0;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.change-before,.change-after{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.change-before{color:#d6a0a8}.change-after{color:#8fd5bc}.change-arrow{color:#6e87a5}
.response-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 24px;border-top:1px solid #34465f;background:#1e2c40;flex:none}.response-editor-footer p{margin:0;color:#95abc5;font-size:11px}.response-editor-footer>div{display:flex;gap:8px;flex:none}.editor-notice-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7e9abd;margin-right:7px;vertical-align:middle}.response-editor .editor-primary{background:#4288dc;border-color:#6ca7ec;color:#fff;font-weight:500}.response-editor .editor-primary:hover{background:#5398ed}
.response-editor button:focus-visible,.response-original:focus-visible{outline:2px solid #8bbcff;outline-offset:2px}
@media(max-height:720px){.response-editor{padding:8px}.response-editor-head{padding:10px 18px}.response-editor-head h2{font-size:18px;margin-top:4px}.response-editor-request{padding:7px 18px}.response-mock-controls{padding:8px 18px;max-height:105px}.response-editor-toolbar{padding:7px 18px}.response-editor-panes{min-height:85px}.response-diff{min-height:72px;max-height:125px}.response-editor-footer{padding:9px 18px}.response-diff-heading{padding:6px 16px}}
@media(max-width:760px){.response-editor{padding:8px}.response-editor-card{height:97vh;border-radius:8px}.response-editor-head{padding:12px 15px}.response-editor-request,.response-editor-toolbar{padding:9px 14px}.response-editor-footer{padding:10px 14px;align-items:flex-start;flex-wrap:wrap}.response-editor-panes{grid-template-columns:1fr}.original-pane{display:none}.response-change{grid-template-columns:35px minmax(80px,.8fr) minmax(100px,1fr);gap:8px}.response-diff{max-height:190px}.response-diff-heading{padding:8px 12px}.response-diff-list{padding:0 12px}.response-original,.response-editor-input{padding:12px 14px}.draft-state{font-size:10px}.response-editor-head h2{font-size:18px}}

/* Keep the everyday response workflow to apply / restore. */
.response-mock-options>.response-mock-state{margin:0;flex:1;min-width:180px}.response-mock-advanced{margin-top:10px;color:#a9bfd5;font-size:12px}.response-mock-advanced summary{cursor:pointer;width:fit-content}.response-mock-advanced .response-mock-options{margin-top:10px}.response-mock-advanced p{margin-bottom:0}.response-editor-card>.response-mock-controls{max-height:190px}.response-diff:not([open]){display:block;min-height:0}.response-diff[open]{display:block;overflow:auto}.response-diff-heading{cursor:pointer}.response-diff-heading>span:first-child{font-size:12px;color:#dce7f5}.response-diff-list{max-height:160px}.response-editor [hidden]{display:none!important}

/* Scalar editing keeps modified fields visible without a full-response diff. */
[hidden]{display:none!important}.field-mock-bar{flex:none;padding:9px 14px;background:#243e3e;border-bottom:1px solid #49665e;color:#b8e0ce;max-height:210px;overflow:auto}.field-mock-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.field-mock-bar summary{cursor:pointer;margin:7px 0}.field-mock-bar .hint{display:block;margin-top:5px}.field-mock-change{display:flex;gap:8px;align-items:center;padding:5px 0}.field-mock-change>span{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;max-height:64px;overflow:auto}.field-mock-edited{background:#233b4d!important;box-shadow:inset 3px 0 #76bca7}.field-mock-edited .cell-text::after,[data-field-mock].field-mock-edited::after{content:' •';color:#8fddbf}[data-field-mock]{cursor:text}.field-mock-input{font:inherit;color:#e4f3ff;background:#152a3b;border:1px solid #78baa7;border-radius:3px;min-width:70px;max-width:100%;width:100%;padding:3px 5px;box-sizing:border-box}.field-mock-input[aria-invalid=true]{border-color:#f08c8c}

/* Appearance: neutral surfaces, independent accents, and distinct data types. */
:root{
 --data-font-size:13px;--row-height:42px;--row-pad:8px;
 --bg:#181a20;--panel:#20232c;--panel2:#2b303d;--line:#3d4352;--text:#e6e8ef;--muted:#a6adbd;
 --hover:#2c3241;--selection:#343954;--control:#1b1e27;--header:#2b3040;--row:#1e222b;--row-alt:#252a35;
 --number:#9fcaff;--string:#a3d5a4;--boolean:#edb974;--null:#b4a1d6;--key:#c3b4f3;
 --edited:#213d37;--edited-line:#71c5a4;--match:#5a4820;--match-text:#fff0ba;--match-line:#edbf5d;
 --scroll-track:var(--bg);--scroll-thumb:#50596e;--scroll-hover:#69758c;--scroll-active:#8793ac;
}
:root[data-theme=ocean]{
 --bg:#171e28;--panel:#202b3b;--panel2:#293b52;--line:#43536c;--text:#e6edf8;--muted:#a5b4c8;
 --hover:#2c4059;--selection:#2d4561;--control:#162130;--header:#293b52;--row:#1e2836;--row-alt:#253244;
 --number:#a8d4ff;--string:#b8dda7;--boolean:#ffd193;--null:#c0afdc;--key:#b1d7ff;
 --scroll-thumb:#536780;--scroll-hover:#718eaf;--scroll-active:#91b8e0;
}
:root[data-theme=forest]{
 --bg:#14201d;--panel:#1c2a27;--panel2:#283b35;--line:#3c554c;--text:#e0eee7;--muted:#a3bcb0;
 --hover:#2a4138;--selection:#2e4c40;--control:#17241f;--header:#293d35;--row:#192a23;--row-alt:#203329;
 --number:#a7c8ff;--string:#a3dfa7;--boolean:#eec782;--null:#c7b2df;--key:#a5d7c5;
 --scroll-thumb:#506d60;--scroll-hover:#6b8879;--scroll-active:#8ba797;
}
:root[data-theme=paper]{
 color-scheme:light;--bg:#f3f5f9;--panel:#fff;--panel2:#e8edf6;--line:#cbd3e0;--text:#263249;--muted:#59677d;
 --hover:#e8edf6;--selection:#dfe5f8;--control:#f7f9fc;--header:#e6ebf5;--row:#fff;--row-alt:#f0f3f9;
 --number:#245ba6;--string:#246438;--boolean:#8b5100;--null:#775293;--key:#5a439e;
 --green:#197145;--red:#b52c3b;--yellow:#8b5a00;--edited:#e0f2e9;--edited-line:#247b57;
 --match:#ffe6a0;--match-text:#533300;--match-line:#946400;
 --scroll-thumb:#b0bbce;--scroll-hover:#8e9db5;--scroll-active:#6f819d;
}
:root[data-density=compact]{--row-height:32px;--row-pad:3px}
body{background:var(--bg);color:var(--text)}
.topbar{background:linear-gradient(105deg,var(--panel),var(--panel2));border-color:var(--line)}
.brand .logo{color:var(--blue)}
.sidebar,.pagination,.request-head,.tabs,.side-title,.request-filters,.subtoolbar,.raw-toolbar,.viewer-toolbar,.modal-head,.modal-actions{background:var(--panel);border-color:var(--line)}
.sidebar-resizer{background:var(--bg)}
.sidebar-resizer:hover,.sidebar-resizer:focus-visible{background:var(--blue)}
.side-title,.url,.req-url,.detail-value,.viewer-scalar,.node-head>.node-preview{color:var(--text)}
.req-status,.req-time,.hint,.side-title .count,.th-kind,.table-meta,.page-info,.viewer-page,.detail-key,.node-head>.node-type,.request-search>label{color:var(--muted)}
.count,.tab-badge,.method,.status{background:var(--panel2);color:var(--muted)}
.method.get,.status.ok,.status-dot.ok{color:var(--green)}
.method.post{color:var(--number)}.method.put,.method.patch{color:var(--boolean)}.method.delete,.status.bad{color:var(--red)}
.request-item{border-color:var(--line)}
.request-item:hover,.node-head:hover,.viewer-row:hover,.viewer-flat-row:hover{background:var(--hover)}
.request-item.active{background:var(--selection);border-left-color:var(--blue);box-shadow:inset 0 0 0 1px var(--line)}
.search,select,.detail-value,.field-mock-input{background:var(--control);border-color:var(--line);color:var(--text)}
.search:focus,select:focus-visible{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 20%,transparent)}
.btn,.page-btn,.mini-btn,.copy-mini,.expand-cell,.table-wrap .expand-cell,.viewer-content-actions>.mini-btn{background:var(--panel2);border-color:var(--line);color:var(--text)}
.btn.ghost{background:transparent}
.btn:hover,.page-btn:not(:disabled):hover,.mini-btn:hover,.copy-mini:hover,.expand-cell:hover,.table-wrap .expand-cell:hover,.viewer-content-actions>.mini-btn:hover{background:var(--hover);border-color:var(--blue);color:var(--text)}
.tab{color:var(--muted)}.tab.active,.tab:hover{color:var(--blue);border-bottom-color:var(--blue)}
.tab-badge{color:var(--text)}
.table-toolbar{background:var(--panel);border-color:var(--line)}
.table-path,.viewer-path,.viewer-key,.request-section h3{color:var(--key)}
.table-search-label,.tree-search-controls label{color:var(--muted)}
.table-wrap{background:var(--bg);border-color:var(--line)}
.table-wrap table,.table-wrap thead th,.tree,.raw,.viewer-scalar,.viewer-row,.viewer-flat-row{font-size:var(--data-font-size)}
.table-wrap thead th{background:var(--header);color:var(--text);border-color:var(--line);border-bottom-color:var(--blue)}
.table-wrap thead th:hover,.table-wrap thead th.sorted-column{background:var(--selection);border-bottom-color:var(--blue)}
.th-sort,.sorted-column .th-sort{color:var(--blue)}
.table-wrap tbody td{background:var(--row);color:var(--text);border-color:var(--line);height:var(--row-height);padding-top:var(--row-pad);padding-bottom:var(--row-pad)}
.table-wrap tbody tr:nth-child(even) td{background:var(--row-alt)}
:root[data-striped=false] .table-wrap tbody tr:nth-child(even) td{background:var(--row)}
.table-wrap tbody tr:hover td,.table-wrap tbody td:focus-within{background:var(--hover)}
.table-wrap tbody td:hover{box-shadow:inset 0 0 0 1px var(--blue)}
.table-wrap td.cell-type-number .cell-text,.node-head>.node-type.type-number+.node-preview,.viewer-value.type-number,.viewer-flat-row .type-number{color:var(--number)}
.table-wrap td.cell-type-string .cell-text,.node-head>.node-type.type-string+.node-preview,.viewer-value.type-string{color:var(--string)}
.table-wrap td.cell-type-boolean .cell-text,.node-head>.node-type.type-boolean+.node-preview,.viewer-value.type-boolean{color:var(--boolean)}
.table-wrap td.cell-type-null .cell-text,.viewer-value.type-null{color:var(--null)}
.table-wrap td.cell-type-undefined .cell-text{color:var(--muted)}
.table-wrap .cell-complex{color:var(--boolean)}.cell-viewable:hover{color:var(--text);text-decoration-color:var(--blue)}
.raw,.modal-content,.request-details,.tree{background:var(--bg);color:var(--text)}
.modal-card,.column-popover,.viewer-results button{background:var(--panel);border-color:var(--line);color:var(--text)}
.request-section h3{background:var(--panel2)}
.request-section,.detail-pair,.viewer-children,.viewer-flat-row{border-color:var(--line)}
mark,.table-wrap mark{background:var(--match);color:var(--match-text)}
.table-wrap tbody td.search-current,.table-wrap tbody tr:hover td.search-current,.viewer-row.viewer-search-target{background:var(--match);box-shadow:inset 0 0 0 2px var(--match-line);color:var(--match-text)}
.viewer-search-target .viewer-key{color:var(--match-text)}
.field-mock-bar{background:var(--edited);border-color:var(--edited-line);color:var(--text)}
.field-mock-edited{background:var(--edited)!important;box-shadow:inset 3px 0 var(--edited-line)}
.field-mock-edited .cell-text::after,[data-field-mock].field-mock-edited::after{color:var(--edited-line)}
.field-mock-input{border-color:var(--edited-line)}
.field-mock-selected{outline-color:var(--blue)}
.toast{background:var(--panel2);border-color:var(--line);color:var(--text)}
:root[data-theme=paper] .response-editor-card,:root[data-theme=paper] .response-editor-head,:root[data-theme=paper] .response-mock-controls{background:var(--panel);color:var(--text)}
:root[data-theme=paper] .response-editor-head h2,:root[data-theme=paper] .response-editor-input,:root[data-theme=paper] .response-original{background:var(--control);color:var(--text)}

/* A small disclosure stays available even when the data controls are collapsed. */
.appearance-menu{margin-left:auto;flex:none;position:relative}
.appearance-toggle{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.appearance-toggle::-webkit-details-marker{display:none}
.appearance-toggle>span{color:var(--blue);font-size:17px;line-height:17px}
.appearance-menu[open]>.appearance-toggle{border-color:var(--blue);background:var(--selection)}
.appearance-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:min(322px,calc(100vw - 20px));max-height:calc(100vh - 62px);overflow:auto;overscroll-behavior:contain;white-space:normal;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 50px #0006;color:var(--text)}
.appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.appearance-heading strong{font-size:14px}.appearance-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}
.appearance-panel fieldset{border:0;min-width:0;padding:0;margin:0 0 16px}
.appearance-panel legend{padding:0;margin-bottom:8px;color:var(--muted);font-size:11px}
.appearance-palettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.appearance-palette{border:1px solid var(--line);border-radius:7px;padding:5px;background:var(--control);color:var(--text);cursor:pointer;font-size:11px;font-family:inherit}
.appearance-palette[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.palette-preview{height:32px;border-radius:4px;margin-bottom:5px;display:flex;gap:3px;align-items:flex-end;padding:5px;background:var(--swatch-bg)}
.palette-preview i{flex:1;height:70%;background:var(--swatch-panel);border-radius:2px}.palette-preview i:nth-child(2){height:90%;background:var(--swatch-accent)}
.palette-graphite{--swatch-bg:#181a20;--swatch-panel:#454b62;--swatch-accent:#8b9dff}
.palette-ocean{--swatch-bg:#171e28;--swatch-panel:#365371;--swatch-accent:#4ea1ff}
.palette-forest{--swatch-bg:#14201d;--swatch-panel:#365f4e;--swatch-accent:#52c9a5}
.palette-paper{--swatch-bg:#eef1f7;--swatch-panel:#c1c9dc;--swatch-accent:#4f5bd5}
.appearance-accents{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.accent-choice{height:24px;width:24px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch-accent);cursor:pointer;box-shadow:inset 0 0 0 1px #0002}
.accent-choice[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--panel)}
.accent-violet{--swatch-accent:#8b9dff}.accent-blue{--swatch-accent:#4ea1ff}.accent-teal{--swatch-accent:#52c9a5}.accent-amber{--swatch-accent:#edb35c}.accent-rose{--swatch-accent:#ed87a8}
.appearance-custom{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);font-size:11px}
.appearance-custom input{width:29px;height:26px;padding:1px;border:1px solid var(--line);border-radius:5px;background:var(--panel);cursor:pointer}
.appearance-color-value{display:block;margin-top:8px;color:var(--muted);font:10px/1.4 Consolas,monospace}
.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.appearance-options>label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}
.appearance-options select{width:100%;padding:6px;border-radius:5px;font:inherit;font-size:12px}
.appearance-check{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:15px}.appearance-check input{accent-color:var(--blue)}
.appearance-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.appearance-footer>span{color:var(--muted);font-size:10px;max-width:170px}
.appearance-footer .btn{white-space:nowrap;font-size:11px;padding:4px 6px}
.appearance-menu :is(button,summary,input,select):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:420px){.appearance-panel{position:fixed;top:50px;right:10px}.appearance-toggle{padding:5px 7px}}
@media(forced-colors:active){.appearance-palette[aria-pressed=true],.accent-choice[aria-pressed=true]{outline:2px solid Highlight}.palette-preview{border:1px solid CanvasText}.appearance-panel{border:1px solid CanvasText}}

:root[data-striped=false] .table-wrap tbody tr:nth-child(even):hover td{background:var(--hover)}
.table-wrap td.bool-true .cell-text{color:var(--green)}
.table-wrap td.bool-false .cell-text{color:var(--boolean)}

/* Bulk actions stay beside each array; large branches keep a bounded viewport. */
.array-bulk-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:24px;min-height:24px;padding:0 4px;font:18px/1 Arial,sans-serif;vertical-align:middle}
.array-bulk-toggle[aria-expanded=true]{color:var(--blue);border-color:var(--blue)}
.array-bulk-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.array-inline-viewport{min-height:32px;overflow:visible;min-width:0;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:5px;overscroll-behavior:contain}
.array-inline-status{padding:5px 8px;color:var(--muted);font-size:11px}
.node-head>.array-bulk-toggle{align-self:center;margin-left:4px}

.capture-status{flex:none;padding:6px 10px;border-bottom:1px solid var(--line);color:var(--text);font-size:11px;overflow-wrap:anywhere}

.detail-collapse-strip{display:flex;flex:0 0 14px;width:100%;height:14px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;color:var(--muted)}
.detail-collapse-strip>span{display:block;width:76px;height:4px;border-radius:8px;background:currentColor;opacity:.65;transition:width .15s,background .15s}
.detail-collapse-strip:hover>span,.detail-collapse-strip:focus-visible>span{width:100px;background:var(--blue);opacity:1}
.detail-collapse-strip:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}
.detail-controls-collapsed>.request-head,.detail-controls-collapsed>.tabs,.detail-controls-collapsed>.panel>.subtoolbar,.detail-controls-collapsed>.panel>.table-toolbar,.detail-controls-collapsed>.panel>.table-meta,.detail-controls-collapsed>.panel>.raw-toolbar{display:none}

.array-bulk-toggle{order:0;flex:none;margin-left:4px;margin-right:2px}
.detail-controls-collapsed>.panel>.floating-search-toolbar{display:flex;position:fixed;top:52px;right:14px;z-index:15;max-width:calc(100vw - 28px);max-height:45vh;overflow:auto;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0006}
.detail-controls-collapsed>.panel>.floating-search-toolbar>.btn,.detail-controls-collapsed>.panel>.floating-search-toolbar>details,.detail-controls-collapsed>.panel>.floating-search-toolbar>select,.detail-controls-collapsed>.panel>.floating-search-toolbar>.table-path,.detail-controls-collapsed>.panel>.floating-search-toolbar>#treeHint{display:none}
.detail-controls-collapsed>.panel>.floating-search-toolbar>#prevMatch,.detail-controls-collapsed>.panel>.floating-search-toolbar>#nextMatch,.detail-controls-collapsed>.panel>.floating-search-toolbar>#treeSearchBtn{display:block}

.viewer-row>.viewer-key:has(+.array-bulk-toggle),.viewer-flat-row>.viewer-key:has(+.array-bulk-toggle){max-width:30%}

.viewer-value:has(+.array-bulk-toggle){flex:0 1 auto;min-width:0;max-width:50%}

/* Keep node actions at the trailing edge while the array disclosure stays by its label. */
.node-head>.complex-copy,.viewer-row>.complex-copy,.viewer-flat-row>.complex-copy{margin-left:auto;flex-shrink:0}
.node-head>.complex-copy~.node-actions{margin-left:0;flex-shrink:0}
.cell-content>.complex-copy,.cell-content>.expand-cell{flex-shrink:0}

.array-inline-viewport>.viewer-virtual{overflow-anchor:none}