.vw{background:var(--bg);min-height:100%;display:flex;flex-direction:column}
.vw-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:10px max(16px,env(safe-area-inset-left));padding-top:calc(10px + env(safe-area-inset-top,0px));background:rgba(22,24,38,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.vw-back{color:var(--muted);font-size:.92rem;white-space:nowrap}
.vw-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}
.vw-title h1{font-size:1.05rem;margin:0;letter-spacing:-.01em}
.vw-title span{color:var(--faint);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vw-devices{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px}
.vw-devices button{background:none;border:0;border-radius:7px;padding:6px 9px;color:var(--faint);cursor:pointer;display:grid;place-items:center}
.vw-devices svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.vw-devices button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}
.vw-open{color:var(--muted);font-size:.9rem;white-space:nowrap}
.vw-buy{padding:10px 16px;white-space:nowrap}
.vw-stage{flex:1;display:flex;justify-content:center;padding:18px 16px 0;min-height:calc(100vh - 64px)}
.vw-frame{width:100%;max-width:1440px;height:calc(100vh - 100px);min-height:520px;border:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden;background:#fff;transition:max-width .35s ease,border-radius .35s ease;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.vw-stage[data-device=tablet] .vw-frame{max-width:820px;border-radius:22px 22px 0 0}
.vw-stage[data-device=mobile] .vw-frame{max-width:390px;border-radius:30px 30px 0 0}
.vw-frame iframe{width:100%;height:100%;border:0;display:block}
.vw-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px;max-width:1180px;margin:0 auto;padding:34px 20px 70px}
.vw-info-main p{max-width:60ch}
.vw-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
.vw-more a{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;color:var(--text);min-width:0}
.vw-more a:hover{border-color:var(--brand);text-decoration:none}
.vw-more img{width:52px;height:58px;object-fit:cover;object-position:top;border-radius:7px;flex-shrink:0}
.vw-more span{font-size:.9rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.vw-more small{display:block;color:var(--faint);font-weight:400;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.vw-devices,.vw-open{display:none}.vw-back span{display:none}.vw-stage{padding:0}.vw-frame,.vw-stage[data-device] .vw-frame{max-width:none;border-radius:0;border-left:0;border-right:0;height:calc(100vh - 58px)}.vw-info{grid-template-columns:minmax(0,1fr)}.vw-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.vw-frame{transition:none}}