.metadata-panel{grid-column:1/-1;margin:12px 0 0;padding:10px;border:1px solid #667580;border-radius:8px;background:linear-gradient(145deg,#44535f,#111b24 45%,#394651);box-shadow:inset 0 1px #ffffff24,0 4px 10px #0005;min-width:0}
.metadata-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:1px 4px 8px;color:#b3c5d1;font:600 11px Arial,sans-serif;letter-spacing:1.4px}
.metadata-heading h2{font:inherit;color:#c8dbe8;margin:0}.metadata-heading span{letter-spacing:0;font-weight:400;font-size:11px}
.metadata-screen{position:relative;background:#020606;border:2px solid #000;border-radius:4px;padding:14px 16px;box-shadow:inset 0 3px 12px #000,0 1px #ffffff1a;color:#a6efd2;font:clamp(14px,2vw,18px)/1.6 ui-monospace,Consolas,'Courier New',monospace;min-width:0;overflow:hidden;text-shadow:0 0 5px #66e5ba38}
.metadata-row{height:1.6em;white-space:pre;overflow:hidden;direction:ltr;unicode-bidi:plaintext}
#metadataMeasure{position:absolute;visibility:hidden;white-space:pre;pointer-events:none}
.metadata-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:8px}.metadata-controls button{font-size:12px;min-height:32px;padding:5px 9px}.metadata-controls output{margin-left:auto;color:#bed2df;font-size:12px;font-variant-numeric:tabular-nums}
.metadata-panel details{margin:8px 0 0;padding:0;border:0;background:transparent}.metadata-panel summary{font-size:12px;color:#bed2df}.metadata-panel pre{font:14px/1.6 ui-monospace,Consolas,monospace;color:#dcebe4;white-space:pre-wrap;overflow-wrap:anywhere;max-height:18rem;overflow:auto}.metadata-panel p{font:12px/1.4 Arial,sans-serif;overflow-wrap:anywhere;color:#b7c8d2}
@media(min-width:720px){.metadata-panel{grid-row:4;margin:14px 0 0}.receiver>#settings{grid-row:5}}
@media(max-width:719px){.metadata-panel{margin:12px}.metadata-screen{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.metadata-screen{text-shadow:none}}