.virtio-gpu-lab{border:1px solid var(--border,#d9dfdc);border-radius:14px;background:var(--surface,#fff);padding:1.2rem;margin:1.5rem 0;min-width:0}
.virtio-gpu-lab [hidden]{display:none!important}
.virtio-gpu-lab h3,.virtio-gpu-lab h4{margin:0 0 .6rem}
.virtio-gpu-lab p{margin:.65rem 0;line-height:1.65}
.virtio-gpu-controls,.virtio-gpu-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}
.virtio-gpu-controls{margin:1rem 0}.virtio-gpu-controls label{display:grid;gap:.35rem;font-size:.9rem}
.virtio-gpu-controls button,.virtio-gpu-controls select{font:inherit;min-height:40px;border:1px solid var(--line);border-radius:8px;background-color:var(--surface,#fff);color:inherit;padding:.45rem .7rem}
.virtio-gpu-controls select{padding-right:36px}
.virtio-gpu-controls button:disabled{opacity:.45;cursor:default}
.virtio-gpu-controls button:not(:disabled){cursor:pointer}
.virtio-gpu-controls :focus-visible{outline:2px solid var(--accent,#007f78);outline-offset:3px}
.virtio-gpu-status{font-weight:600;color:var(--accent,#007f78)}
.virtio-gpu-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.virtio-gpu-scenes>section{min-width:0;padding:.85rem;border:1px solid var(--border,#d9dfdc);border-radius:10px}
.virtio-gpu-scenes>section[data-active="true"]{border-color:var(--accent,#007f78);background:#f1f9f7}
.virtio-gpu-scenes h4{font-size:1rem}.virtio-gpu-scenes p{font-size:.88rem}.virtio-gpu-scenes small{display:block;color:var(--muted,#61727a);font-size:.78rem;line-height:1.5}
.virtio-gpu-screen{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ddebe9;border:1px solid #b7cbc7;border-radius:5px}
.virtio-gpu-window{position:absolute;left:7%;top:9%;width:84%;height:79%;border:1px solid #8faeaa;background:linear-gradient(#8faeaa 0 11%,#f3f7f6 11% 100%);border-radius:3px}
.virtio-gpu-patch{position:absolute;left:12.5%;top:12.5%;width:12.5%;height:8.333333%;background:#e0ab54;border:1px solid #956325;opacity:0}
.virtio-gpu-lab[data-size="large"] .virtio-gpu-patch{width:25%;height:16.666667%}
.virtio-gpu-screen[data-version="B"] .virtio-gpu-patch{opacity:1}
.virtio-gpu-screen[data-version="none"],.virtio-gpu-screen[data-version="allocated"]{background:repeating-linear-gradient(135deg,#f3f5f4 0 8px,#e7eeeb 8px 9px)}
.virtio-gpu-screen[data-version="none"]>span,.virtio-gpu-screen[data-version="allocated"]>span{visibility:hidden}
.virtio-gpu-transport{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:.8rem 0;color:var(--muted,#61727a);font-size:.83rem}
.virtio-gpu-transport [data-active="true"]{color:var(--accent,#007f78);font-weight:700}
.virtio-gpu-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding:.85rem;background:var(--bg,#f4f4f0);border-radius:9px}
.virtio-gpu-details>section{min-width:0}.virtio-gpu-details h4{font-size:.9rem}.virtio-gpu-details code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:.8rem}
.virtio-gpu-details p,.virtio-gpu-details dl{font-size:.8rem;overflow-wrap:anywhere}
.virtio-gpu-details dl{margin:0}.virtio-gpu-details dl>div{display:flex;gap:.7rem;justify-content:space-between;padding:.2rem 0}.virtio-gpu-details dt{flex-shrink:0}.virtio-gpu-details dd{margin:0;text-align:right}
.virtio-gpu-note{font-size:.85rem;color:var(--muted,#61727a)}
@media(max-width:650px){.virtio-gpu-lab{padding:.8rem}.virtio-gpu-scenes{grid-template-columns:1fr;gap:.65rem}.virtio-gpu-scenes>section{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.9fr);column-gap:.8rem;align-items:start}.virtio-gpu-scenes h4{grid-column:1;grid-row:1}.virtio-gpu-scenes .virtio-gpu-screen{grid-column:2;grid-row:1/4}.virtio-gpu-scenes p,.virtio-gpu-scenes small{grid-column:1}.virtio-gpu-scenes p{margin:.25rem 0}.virtio-gpu-details{grid-template-columns:1fr}.virtio-gpu-details dl>div{justify-content:flex-start}.virtio-gpu-details dd{text-align:left}.virtio-gpu-controls{align-items:stretch}.virtio-gpu-controls label{width:100%}.virtio-gpu-actions{width:100%}.virtio-gpu-actions button{flex:1}}