.inspector-intro{padding:17px 20px;background:#e5f1f7;border-left:3px solid #419ebc;border-radius:7px;margin-bottom:18px}.inspector-intro .outline-tag{margin-bottom:8px}.inspector-intro p{font-size:12px;color:#54788f}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspect-grid>.panel{min-width:0}.file-picker{display:block;font-size:11px;color:#587d94;padding:17px 0}.file-picker input{display:block;width:100%;margin-top:9px;font-size:11px;color:#7993a6}.file-picker input::file-selector-button{padding:10px 12px;border:1px solid #c9dce8;border-radius:6px;background:#f0f7fb;color:#376f8d;cursor:pointer;margin-right:10px;font-family:inherit}.inspect-kv{display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid #edf2f6;padding:13px 0;font-size:11px;align-items:flex-start}.inspect-kv>span{color:#8096a7;flex-shrink:0;max-width:50%}.inspect-kv>b{font-weight:500;text-align:right;overflow-wrap:anywhere}.inspect-kv code{font-family:monospace;font-size:10px;word-break:break-all;color:#476d86;max-width:62%}.inspect-grid h3{overflow-wrap:anywhere}.pending-text{color:#ac7b39}.inspect-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.inspect-status{font-size:12px;color:#4b829b;line-height:1.9;margin-top:13px;min-height:25px}.hex-toolbar{display:flex;gap:8px;align-items:center;margin:18px 0 9px;flex-wrap:wrap}.hex-toolbar label{font-size:11px;color:#7b94a6}.hex-toolbar input{width:156px;font-family:monospace;padding:11px;font-size:12px}.hex-toolbar .button{min-height:38px;padding:9px 12px;font-size:10px}#hexOutput{margin-top:14px;color:#869caa;font-size:12px}.hex-table{font-family:monospace;min-width:680px;background:transparent;border-spacing:0;width:100%}.hex-table th,.hex-table td{background:#f7fafc;padding:8px 12px;white-space:pre;text-align:left;font-size:11px;font-weight:400;border-bottom:1px solid #edf2f6}.hex-table th{color:#7f99ab}.hex-table td{color:#426981}.hex-table tr:nth-child(even) td{background:white}.diff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.diff-stats>div{padding:12px 15px;border-radius:7px;background:#edf6fa;display:flex;flex-direction:column}.diff-stats b{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:500;color:#357e9a}.diff-stats span{font-size:10px;color:#7c98aa}.diff-verdict{font-size:12px;color:#4c738d;margin-top:15px}#diffOutput:empty{display:none}.diff-table{font-family:monospace;min-width:360px;margin-top:18px}.diff-table td,.diff-table th{padding:9px;text-align:left;font-size:11px}.diff-table td{background:#f4f9fc}.diff-table td:last-child{color:#327b9b;background:#e4f2f8}.range-list{display:grid;gap:6px;max-height:220px;overflow:auto;padding:13px;background:#f2f7fa}.range-list code{font-size:11px;color:#5e8096}.range-list span{color:#97aab6}details{margin-top:18px}summary{cursor:pointer;color:#4a7d98;font-size:12px;padding:8px 0}.research-notes p,.research-notes li{font-size:12px;color:#6f889c;line-height:2}.research-notes>p{margin-top:9px}.research-notes ul{padding-left:20px}.research-notes li{margin-bottom:8px}.research-notes a{color:#247fa6;text-decoration:underline;text-underline-offset:3px}#browserCapabilities{margin:10px 0}.mobile-nav button{min-width:0;flex:1}
@media(max-width:950px){.inspect-grid{gap:15px}.inspect-kv{flex-direction:column;gap:6px}.inspect-kv code,.inspect-kv>span{max-width:100%}.inspect-kv>b{text-align:left}.hex-toolbar .button{flex:1}.hex-toolbar input{flex:1}}
@media(max-width:650px){.inspect-grid{grid-template-columns:1fr}.inspector-intro{padding:15px}.inspector-intro p{font-size:11px}.inspect-actions{gap:8px}.inspect-actions .button{flex:1;min-width:120px;font-size:10px}.inspect-kv{flex-direction:row;gap:15px;font-size:10px}.inspect-kv code{max-width:65%;font-size:10px}.inspect-kv>b{text-align:right}.inspect-grid h3{font-size:14px}.diff-stats{grid-template-columns:1fr 1fr;gap:10px}.diff-stats b{font-size:28px}.hex-toolbar input{width:130px;flex:1}.hex-toolbar label{width:50px}.hex-toolbar .button{min-width:75px}.hex-table th,.hex-table td{font-size:10px;padding:8px}.research-notes p,.research-notes li{font-size:11px}.inspect-status{font-size:11px}}