[data-premium-inline-preview]{margin:.65rem 0;border:1px solid rgba(115,190,255,.24);border-radius:14px;background:#080d16;overflow:hidden;min-height:180px}.vos-webgl-shell{position:relative;width:100%;height:360px;background:#070a10}.vos-webgl-shell canvas{display:block;width:100%;height:100%;touch-action:none}.vos-webgl-hud{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:9px;background:rgba(4,8,14,.78);backdrop-filter:blur(8px);font-size:12px}.vos-webgl-hud span{opacity:.72}.vos-premium-frame{display:block;width:100%;height:390px;border:0;background:#fff}.vos-premium-media video{display:block;width:100%;max-height:430px;background:#000}.vos-premium-media audio{display:block;width:calc(100% - 24px);margin:30px 12px}.vos-preview-note{padding:8px 12px;font-size:12px;opacity:.7}.vos-premium-image{display:block;max-width:100%;max-height:520px;margin:auto}.vos-premium-code{max-height:420px;overflow:auto;padding:14px;margin:0;white-space:pre-wrap;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.vos-premium-preview-actions{display:flex;gap:8px;padding:9px 11px;border-top:1px solid rgba(115,190,255,.14);background:#0b111c}.vos-premium-preview-actions button,.vos-premium-preview-actions a{border:1px solid rgba(115,190,255,.25);border-radius:9px;padding:7px 10px;background:#111b2a;color:#eaf6ff;text-decoration:none;font:inherit;cursor:pointer}.vos-premium-artifact-status{display:grid;place-items:center;min-height:180px;padding:20px;text-align:center;color:#dcecff}.vos-premium-artifact-status.error{color:#ffc8c8}.vos-premium-artifact-status.unsupported{color:#d6d8de}@media(max-width:700px){.vos-webgl-shell{height:280px}.vos-premium-frame{height:320px}}
.vos-artifact-workspace-loading{display:grid;place-items:center;min-height:220px;color:#cfe8ff}.vos-artifact-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(115,190,255,.18);background:#0b111c}.vos-artifact-workspace>header>div{display:flex;align-items:center;gap:9px;min-width:0}.vos-artifact-workspace>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vos-artifact-workspace nav{display:flex;gap:4px;padding:3px;border:1px solid rgba(115,190,255,.18);border-radius:9px;background:#070c14}.vos-artifact-workspace button{border:1px solid rgba(115,190,255,.22);border-radius:7px;padding:6px 9px;background:#111b2a;color:#eaf6ff;cursor:pointer}.vos-artifact-workspace nav button{border:0;background:transparent}.vos-artifact-workspace nav button[aria-pressed=true]{background:#3659df;color:#fff}.vos-artifact-workspace [data-workspace-status]{border:1px solid rgba(145,170,205,.28);border-radius:999px;padding:3px 8px;color:#b9c8db;font-size:11px}.vos-artifact-workspace [data-state=running]{color:#8fdcff;border-color:#2985a8}.vos-artifact-workspace [data-state=success]{color:#77e8ae;border-color:#26865c}.vos-artifact-workspace [data-state=error]{color:#ffabab;border-color:#9b3d4a}.vos-artifact-workspace-tools{display:flex;align-items:center;gap:7px;padding:8px 11px;border-bottom:1px solid rgba(115,190,255,.12);background:#090f19}.vos-artifact-workspace-tools span{margin-left:auto;color:#8fa4bb;font-size:11px}.vos-artifact-diagnostics{min-height:34px;margin:0;padding:8px 11px;white-space:pre-wrap;background:#070c14;color:#a9bed4;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.vos-artifact-source{display:block;width:100%;height:430px;box-sizing:border-box;resize:vertical;border:0;outline:0;padding:15px;background:#070c14;color:#a9c7ff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.vos-artifact-workspace [hidden]{display:none!important}@media(max-width:700px){.vos-artifact-workspace>header{align-items:flex-start;flex-direction:column}.vos-artifact-workspace-tools{align-items:flex-start;flex-wrap:wrap}.vos-artifact-workspace-tools span{width:100%;margin-left:0}.vos-artifact-source{height:340px}}

/* V196 frame lifecycle, WebGL focus, and compact icon actions. */
.vos-premium-frame-shell{position:relative;width:100%;height:390px;min-height:260px;background:#07101c}.vos-premium-frame-shell>.vos-premium-frame{height:100%}.vos-premium-frame-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#07101c;color:#b8c9dc}.vos-premium-frame-state[hidden]{display:none}.vos-premium-frame-state i{width:30px;height:30px;border:2px solid rgba(43,215,232,.2);border-top-color:#2bd7e8;border-radius:50%;animation:vos-preview-spin .8s linear infinite}.vos-premium-frame-state.error{color:#ffc2c2}.vos-premium-frame-state.error i{display:none}
.vos-webgl-shell canvas{outline:0}.vos-webgl-shell canvas:focus-visible{box-shadow:inset 0 0 0 2px #28d6e7}.vos-webgl-hud{border:1px solid rgba(99,218,235,.2);pointer-events:none}
.vos-premium-preview-actions{justify-content:flex-end!important;gap:7px!important;padding:8px 10px!important}.vos-premium-preview-actions button,.vos-premium-preview-actions a{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:0!important;font:700 17px/1 system-ui!important}.vos-premium-preview-actions button:hover,.vos-premium-preview-actions a:hover{border-color:#2bd7e8!important;color:#8ff6ff!important}
@keyframes vos-preview-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.vos-premium-frame-shell{height:320px}.vos-webgl-hud{right:10px;align-items:flex-start;flex-direction:column}}