.inspector-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}
.input-panel textarea{width:100%;min-height:620px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:14px;background:#fbfcff;font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;line-height:1.45}
.field-hint{margin:8px 0 0;color:var(--muted);font-size:.9rem}
.compact-actions{margin-top:0}
.viewer-summary{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;padding:18px;background:#fbfcff;border-bottom:1px solid var(--border)}
.viewer-summary:empty{display:none}
.summary-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0}
.summary-card span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.summary-card strong{display:block;margin-top:4px;font-size:1.35rem;overflow-wrap:anywhere}
.signature-list,.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.signature-list:empty,.reference-list:empty{display:none}
.signature-button,.reference-button{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:start;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;text-align:left;cursor:pointer;min-width:0}
.signature-button:hover,.signature-button.active,.reference-button:hover,.reference-button.active{border-color:#8fb4ed;background:#eef5ff}
.signature-button strong,.signature-button small,.reference-button strong,.reference-button small{overflow-wrap:anywhere}
.signature-button small,.reference-button small{grid-column:1/-1;color:var(--muted)}
.status-badge{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;white-space:nowrap}
.status-badge.valid,.status-badge.match,.status-badge.covered{background:#dcfce7;color:#166534}
.status-badge.invalid,.status-badge.mismatch{background:#fee2e2;color:#991b1b}
.status-badge.unsupported,.status-badge.not-covered{background:#fff3cd;color:#7a5200}
.signature-heading,.reference-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--border)}
.signature-heading>div strong,.signature-heading>div span,.reference-heading strong,.reference-heading span{display:block}
.signature-heading>div strong,.reference-heading strong{font-size:1.1rem}
.signature-heading>div span,.reference-heading span{margin-top:4px;color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;border-bottom:1px solid var(--border)}
.detail-row{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fbfcff;min-width:0}
.detail-row span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.detail-row strong,.detail-row code{display:block;margin-top:5px;overflow-wrap:anywhere;white-space:pre-wrap}
.detail-row code,.namespace-row code,.parsed-text-row code,.source-snippet,.signed-content-path{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:.82rem}
.viewer-panel{padding:18px}
.canonical-output,.byte-output{min-height:420px;max-height:720px;white-space:pre-wrap;overflow:auto}
.subheading{margin:18px 0 10px}
.subheading:first-child{margin-top:0}
.value-list,.notes-panel,.parsed-text-list,.signed-content-list,.key-candidate-list,.duplicate-id-list{display:grid;gap:9px}
.namespace-row,.parsed-text-row,.source-snippet,.note-item,.signed-content-item,.key-candidate,.duplicate-id-item{border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:#fbfcff;overflow-wrap:anywhere}
.namespace-row strong,.namespace-row code,.parsed-text-row code,.parsed-text-row span,.note-item strong,.note-item span{display:block}
.namespace-row code,.parsed-text-row span,.note-item span{margin-top:4px;color:var(--muted)}
.note-item.warning,.signed-content-warning{border-color:#e4c272;background:#fffaf0}
.note-item.success{border-color:#86cf9e;background:#f3fff7}
.signed-content-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.signed-content-item code,.signed-content-item span{display:block}
.signed-content-path{margin-top:7px;overflow-wrap:anywhere;white-space:pre-wrap}
.signed-content-meta{margin-top:6px;color:var(--muted)}
.signed-content-warning{margin-top:8px;padding:8px 10px;border:1px solid #e4c272;border-radius:9px;color:#7a5200}
.key-candidate>.signed-content-meta,.key-candidate>.signed-content-path{display:block}
.key-candidate .detail-row{margin-top:8px}
.duplicate-id-item strong,.duplicate-id-item code{display:block}
.duplicate-id-item code{margin-top:7px}
.scope-note{margin:14px 0 0;padding:12px;border-left:3px solid var(--border);background:#fbfcff;color:var(--muted)}
.reference-section{border-top:1px solid var(--border)}
.reference-section-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:18px}
.reference-section-heading .eyebrow,.reference-section-heading h3{margin:0}
.reference-section-heading h3{margin-top:4px}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.scope-grid>div{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fbfcff}
.scope-grid h3{margin:0 0 7px}
.scope-grid p{margin:0;color:var(--muted)}
.scope-grid code{overflow-wrap:anywhere}
.faq-list{display:grid;gap:12px;margin-top:20px}
.faq-list details{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fbfcff}
.faq-list summary{cursor:pointer;font-weight:800}
.faq-list p{color:var(--muted)}
.script-warning{padding:14px;text-align:center;background:#fff3cd;border-bottom:1px solid #e6c766}
@media(max-width:1100px){.inspector-grid{grid-template-columns:1fr}.input-panel textarea{min-height:440px}.viewer-summary,.detail-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}}
@media(max-width:650px){.viewer-summary,.detail-grid,.signature-list,.reference-list,.scope-grid{grid-template-columns:1fr}.output-toolbar,.signature-heading,.reference-section-heading{align-items:stretch;flex-direction:column}.compact-actions{width:100%}.compact-actions .icon-button{flex:1 1 auto}.input-panel textarea{min-height:360px}.canonical-output,.byte-output{min-height:320px}.signed-content-header{flex-direction:column}}