:root{--dt-bg: #202124;--dt-bg-2: #2b2c2f;--dt-bg-3: #383b3e;--dt-divider: #3c4043;--dt-text: #e8eaed;--dt-text-mute: #9aa0a6;--dt-text-dim: #5f6368;--dt-blue: #8ab4f8;--dt-light-blue: #5cd5fb;--dt-pink: #ff9bd2;--dt-purple: #c58af9;--dt-green: #81c995;--dt-yellow: #fdd663;--dt-orange: #fcad70;--dt-red: #f28b82;--dt-coral: #ff5a36;--dt-row-hover: #2d2e30;--dt-row-selected: #264f78;--dt-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.inspect-root{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--dt-bg);color:var(--dt-text);font-family:var(--dt-mono);font-size:12px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.inspect-browser-bar{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#292a2d;border-bottom:1px solid var(--dt-divider);color:var(--dt-text-mute);font-size:11px}.inspect-browser-bar__dots{display:flex;gap:.35rem}.inspect-browser-bar__dot{width:.65rem;height:.65rem;border-radius:9999px;background:var(--dt-bg-3)}.inspect-browser-bar__url{flex:1;background:var(--dt-bg);padding:.3rem .7rem;border-radius:9999px;border:1px solid var(--dt-divider);display:flex;align-items:center;gap:.4rem;color:var(--dt-text)}.inspect-browser-bar__url .dim{color:var(--dt-text-dim)}.inspect-browser-bar__icon{color:var(--dt-text-mute);font-size:13px;cursor:default}.inspect-tabs{flex:0 0 auto;display:flex;align-items:stretch;background:#2b2c2f;border-bottom:1px solid var(--dt-divider);overflow-x:auto;scrollbar-width:none}.inspect-tabs::-webkit-scrollbar{display:none}.inspect-tab{flex:0 0 auto;padding:.5rem 1rem .4rem;font-family:var(--dt-mono);font-size:11px;color:var(--dt-text-mute);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease}.inspect-tab:hover{color:var(--dt-text);background:#ffffff08}.inspect-tab[aria-selected=true]{color:var(--dt-text);background:var(--dt-bg-3);border-bottom-color:var(--dt-blue)}.inspect-main{flex:1;display:flex;min-height:0;position:relative}.inspect-panel{flex:1;overflow:auto;padding:0;min-height:0}.elements-panel{display:flex;height:100%;min-height:0}.elements-tree{flex:1.4;overflow:auto;padding:.5rem 0;border-right:1px solid var(--dt-divider)}.elements-tree-search{position:sticky;top:0;z-index:2;display:flex;gap:.4rem;padding:.45rem .65rem;background:var(--dt-bg);border-bottom:1px solid var(--dt-divider)}.elements-tree-search input{flex:1;background:var(--dt-bg-2);border:1px solid var(--dt-divider);color:var(--dt-text);font-family:var(--dt-mono);font-size:11px;padding:.35rem .55rem;border-radius:3px}.elements-tree-search input:focus{outline:1px solid var(--dt-blue);outline-offset:-1px}.tree-node{position:relative;font-family:var(--dt-mono);font-size:12px;line-height:1.55;white-space:nowrap}.tree-row{display:flex;align-items:baseline;padding:0 .55rem 0 calc(.55rem + var(--depth, 0) * 1.1rem);cursor:default}.tree-row:hover{background:var(--dt-row-hover)}.tree-row--selected{background:var(--dt-row-selected)}.tree-toggle{width:1rem;text-align:center;color:var(--dt-text-mute);user-select:none;cursor:pointer}.tree-tag{color:var(--dt-pink)}.tree-attr-name{color:var(--dt-light-blue);margin-left:.4rem}.tree-attr-value{color:var(--dt-orange)}.tree-bracket,.tree-equals{color:var(--dt-text-mute)}.tree-text{color:var(--dt-text);padding-left:calc(.55rem + (var(--depth, 0) + 1) * 1.1rem);white-space:normal}.tree-comment{color:var(--dt-text-dim);font-style:italic}.tree-children{list-style:none;margin:0;padding:0}.tree-tag--salah{color:var(--dt-coral)!important}.elements-hover-overlay{position:fixed;pointer-events:none;z-index:200;background:#8ab4f82e;border:1px solid var(--dt-blue);transition:all 80ms ease;opacity:0}.elements-hover-overlay--visible{opacity:1}.elements-hover-overlay__label{position:absolute;bottom:-1.4rem;left:0;padding:.05rem .35rem;background:var(--dt-blue);color:var(--dt-bg);font-family:var(--dt-mono);font-size:10px;white-space:nowrap;border-radius:2px}.styles-panel{flex:1;overflow:auto;padding:.5rem .6rem;background:var(--dt-bg)}.styles-panel__header{font-size:11px;color:var(--dt-text-mute);margin-bottom:.4rem;border-bottom:1px solid var(--dt-divider);padding-bottom:.3rem;display:flex;justify-content:space-between}.styles-panel__group{margin-bottom:.6rem}.styles-panel__rule{padding:.1rem 0 .1rem .6rem}.styles-panel__key{color:var(--dt-light-blue)}.styles-panel__val{color:var(--dt-orange)}.styles-panel__bracket{color:var(--dt-text-mute);margin-right:.3rem}.styles-panel__box-model{margin-top:.7rem;padding:.4rem;border:1px dashed var(--dt-divider);font-size:10px;color:var(--dt-text-mute);text-align:center}.styles-panel__box-margin{border:1px solid var(--dt-orange);color:var(--dt-orange);padding:.45rem}.styles-panel__box-padding{border:1px solid var(--dt-yellow);color:var(--dt-yellow);padding:.45rem;background:#fdd6630a}.styles-panel__box-content{border:1px solid var(--dt-blue);color:var(--dt-blue);padding:.45rem;background:#8ab4f80a}.console-panel{display:flex;flex-direction:column;height:100%}.console-output{flex:1;overflow:auto;padding:.4rem .6rem;font-family:var(--dt-mono);font-size:12px;line-height:1.55}.console-line{display:flex;gap:.4rem;padding:.1rem 0}.console-line__icon{color:var(--dt-text-mute);width:1ch}.console-line__icon--input{color:var(--dt-blue)}.console-line__icon--return{color:var(--dt-text-mute)}.console-line__icon--error{color:var(--dt-red)}.console-line--input .console-line__body{color:var(--dt-text)}.console-line--return .console-line__body{color:var(--dt-orange)}.console-line--info .console-line__body{color:var(--dt-light-blue)}.console-line--error .console-line__body{color:var(--dt-red)}.console-line--comment .console-line__body{color:var(--dt-text-dim);font-style:italic}.console-input-row{flex:0 0 auto;display:flex;gap:.4rem;padding:.45rem .6rem;border-top:1px solid var(--dt-divider);background:var(--dt-bg)}.console-input-row__prompt{color:var(--dt-blue);flex:0 0 auto}.console-input{flex:1;background:transparent;border:0;color:var(--dt-text);font-family:var(--dt-mono);font-size:12px;outline:none}.network-panel{display:flex;flex-direction:column;height:100%;overflow:auto}.network-table{width:100%;border-collapse:collapse;font-family:var(--dt-mono);font-size:11px}.network-table thead th{position:sticky;top:0;background:var(--dt-bg-2);color:var(--dt-text-mute);text-align:left;font-weight:500;padding:.4rem .6rem;border-bottom:1px solid var(--dt-divider);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.network-table tbody tr{cursor:pointer;transition:background .1s ease}.network-table tbody tr:hover,.network-table tbody tr[aria-selected=true]{background:var(--dt-row-hover)}.network-table tbody tr[aria-selected=true]{background:var(--dt-row-selected)}.network-table td{padding:.3rem .6rem;border-bottom:1px solid rgba(60,64,67,.4);color:var(--dt-text)}.network-status-2xx{color:var(--dt-green)}.network-status-3xx{color:var(--dt-yellow)}.network-status-4xx{color:var(--dt-orange)}.network-status-5xx{color:var(--dt-red)}.network-method{color:var(--dt-light-blue)}.network-bar{display:inline-block;height:.5rem;background:var(--dt-blue);border-radius:1px}.network-preview{background:var(--dt-bg);border-top:1px solid var(--dt-divider);padding:.6rem}.network-preview pre{margin:0;font-family:var(--dt-mono);font-size:11px;color:var(--dt-text);white-space:pre-wrap}.sources-panel{display:flex;height:100%}.sources-tree{flex:0 0 18rem;overflow:auto;padding:.4rem 0;background:var(--dt-bg-2);border-right:1px solid var(--dt-divider);font-size:11px}.sources-tree-folder{color:var(--dt-text-mute);padding:.25rem .6rem}.sources-tree-file{padding:.3rem .6rem;color:var(--dt-text);cursor:pointer;display:flex;gap:.4rem}.sources-tree-file:hover{background:var(--dt-row-hover)}.sources-tree-file[aria-selected=true]{background:var(--dt-row-selected)}.sources-tree-file__icon{color:var(--dt-text-mute)}.sources-editor{flex:1;overflow:auto;padding:.6rem .8rem}.sources-editor__path{color:var(--dt-text-mute);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.sources-editor pre{margin:0;font-family:var(--dt-mono);font-size:11px;line-height:1.55;color:var(--dt-text);white-space:pre;tab-size:2}.sources-editor .tok-kw{color:var(--dt-pink)}.sources-editor .tok-fn{color:var(--dt-light-blue)}.sources-editor .tok-str{color:var(--dt-orange)}.sources-editor .tok-num{color:var(--dt-purple)}.sources-editor .tok-com{color:var(--dt-text-dim);font-style:italic}.inspect-status{flex:0 0 auto;display:flex;gap:1.2rem;align-items:center;padding:.35rem .75rem;background:#292a2d;border-top:1px solid var(--dt-divider);color:var(--dt-text-mute);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.inspect-status__dot{display:inline-block;width:.45rem;height:.45rem;border-radius:9999px;background:var(--dt-green);margin-right:.3rem;box-shadow:0 0 6px var(--dt-green)}.inspect-status__sep{opacity:.3}.inspect-empty{display:grid;place-items:center;height:100%;color:var(--dt-text-mute);font-size:12px;text-align:center;padding:2rem}.inspect-empty code{background:var(--dt-bg-2);padding:.15rem .45rem;border-radius:3px;color:var(--dt-light-blue)}@media(max-width:767px){.inspect-root{position:static;min-height:100dvh}.inspect-tabs{flex-wrap:wrap}.inspect-tab{flex:1 1 auto;min-width:33%}.elements-panel{flex-direction:column}.elements-tree{border-right:0;border-bottom:1px solid var(--dt-divider);flex:0 0 auto;max-height:60vh}.styles-panel{flex:0 0 auto}.sources-panel{flex-direction:column}.sources-tree{flex:0 0 auto;max-height:30vh;border-right:0;border-bottom:1px solid var(--dt-divider)}}