.mllp-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px}.mllp-input-panel textarea{width:100%;min-height:610px;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}.input-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:8px}.input-heading>label:first-child{font-weight:800}.compact-field{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:800}.compact-field select{border:1px solid var(--border);border-radius:9px;padding:8px;background:#fff;font:inherit;color:var(--text)}.field-hint{margin:8px 0 14px;color:var(--muted);font-size:.9rem}.sample-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.text-button{border:0;background:transparent;color:var(--link);font:inherit;font-weight:750;text-decoration:underline;cursor:pointer;padding:3px}.viewer-summary{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;padding:18px;border-bottom:1px solid var(--border);background:#fbfcff}.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.3rem;overflow-wrap:anywhere}.stream-diagnostics,.notes-panel{display:grid;gap:9px;padding:18px;border-bottom:1px solid var(--border)}.frame-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:18px;border-bottom:1px solid var(--border)}.frame-list:empty{display:none}.frame-button{display:flex;justify-content:space-between;gap:12px;align-items:start;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff;text-align:left;cursor:pointer;min-width:0}.frame-button:hover,.frame-button.active{border-color:#8fb4ed;background:#eef5ff}.frame-button span:first-child{min-width:0}.frame-button strong,.frame-button small{display:block;overflow-wrap:anywhere}.frame-button small{margin-top:4px;color:var(--muted)}.status-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;white-space:nowrap}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.warning{background:#fff3cd;color:#7a5200}.status-badge.danger{background:#fee2e2;color:#991b1b}.status-badge.neutral{background:#edf2f7;color:#475569}.frame-heading{padding:18px;border-bottom:1px solid var(--border)}.frame-heading strong,.frame-heading span{display:block}.frame-heading strong{font-size:1.08rem}.frame-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{display:block;margin-top:5px;overflow-wrap:anywhere}.frame-output{min-height:430px;max-height:760px;white-space:pre-wrap;overflow:auto}.hex-output{white-space:pre;overflow:auto}.note-item{border:1px solid var(--border);border-radius:12px;padding:11px 12px;background:#fbfcff}.note-item strong,.note-item span{display:block}.note-item span{margin-top:4px;color:var(--muted)}.note-item.warning{border-color:#e4c272;background:#fffaf0}.note-item.success{border-color:#86cf9e;background:#f3fff7}.note-item.danger{border-color:#e4a1a1;background:#fff5f5}.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)}.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){.mllp-grid{grid-template-columns:1fr}.mllp-input-panel textarea{min-height:420px}.viewer-summary,.detail-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}}@media(max-width:700px){.input-heading{align-items:stretch;flex-direction:column}.viewer-summary,.detail-grid,.frame-list,.scope-grid{grid-template-columns:1fr}.compact-actions{width:100%}.compact-actions .icon-button{flex:1 1 auto}.mllp-input-panel textarea{min-height:340px}.frame-output{min-height:330px}.output-toolbar{align-items:stretch;flex-direction:column}}