.viommu-lab{margin:24px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);padding:20px;min-width:0}
.viommu-lab [hidden]{display:none!important}.viommu-lab p{font-size:14px;line-height:1.7;margin:10px 0}.viommu-lab h4{font-size:14px;line-height:1.5;margin:0 0 7px}.viommu-lab .mechanism-view-heading{gap:12px}
.viommu-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:18px 0}.viommu-controls label{display:grid;gap:6px;font-size:13px;min-width:0}.viommu-controls select{font:inherit;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 32px 9px 10px;background-color:var(--surface,#fff)}
.viommu-actions{display:flex;flex-wrap:wrap;gap:7px}.viommu-lab button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--ink-2);padding:8px 12px;cursor:pointer}.viommu-lab button:disabled{opacity:.45;cursor:default}.viommu-lab button:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}.viommu-lab button:focus-visible,.viommu-lab select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.viommu-status{padding:10px 12px;border-radius:7px;background:#edf5f2;color:#2a5a4e}.viommu-lab[data-corrupted=true] .viommu-status{background:#fbf0e9;color:#895637}
.viommu-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.viommu-layers>section,.viommu-pages>section{padding:14px;border:1px solid var(--line);border-radius:8px;background:#f7f8f6;min-width:0;overflow-wrap:anywhere}.viommu-layers p{font-family:ui-monospace,monospace;font-size:12px;min-height:42px}.viommu-layers small,.viommu-pages small{font-size:11px;color:var(--muted);line-height:1.6;display:block}.viommu-layers [data-present=true]{border-color:#86a99b;background:#eaf4ef}
.viommu-lab .viommu-sync{font-size:12px;color:var(--muted);margin-top:0}.viommu-lab[data-pending=true] .viommu-sync{color:#895637}
.viommu-dma-path{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:16px}.viommu-device{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;font-size:13px}.viommu-device span{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.viommu-dma-path>p{font-size:12px;padding:10px 0;overflow-wrap:anywhere;color:#3d6558;border-bottom:1px solid var(--line)}
.viommu-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.viommu-pages p{font-size:12px}.viommu-pages code{display:block;font-size:12px;line-height:1.8;margin:8px 0;background:transparent}.viommu-pages [data-active=true]{border:2px solid #438575;padding:13px;background:#eaf4ef}.viommu-lab[data-corrupted=true] [data-viommu-page=A]{border-color:#b87e5c;background:#fbf0e9}
.viommu-explanation{margin-top:16px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#f5f7f6;min-height:112px;overflow-wrap:anywhere}.viommu-explanation p{margin:0 0 8px}.viommu-explanation small{font-size:12px;color:var(--muted);line-height:1.6;display:block}.viommu-lab .viommu-note{font-size:12px;color:var(--muted);margin-top:14px}.viommu-lab [data-viommu-fallback]{font-size:13px}.viommu-lab.is-expanded{width:100%;box-sizing:border-box;max-width:none;margin:0 auto}
@media(max-width:700px){.viommu-lab{padding:14px}.viommu-layers{grid-template-columns:1fr;gap:8px}.viommu-layers>section{padding:11px 13px}.viommu-layers p{min-height:0;margin:5px 0}.viommu-explanation{min-height:0}.viommu-pages>section{padding:11px}.viommu-pages [data-active=true]{padding:10px}.viommu-dma-path{padding:12px}}
@media(max-width:380px){.viommu-lab{padding:11px}.viommu-controls{display:grid;grid-template-columns:1fr;gap:10px}.viommu-controls select{width:100%}.viommu-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.viommu-actions button{padding:9px 4px}.viommu-pages{grid-template-columns:1fr;gap:8px}.viommu-explanation{padding:12px}}