.pv{position:fixed;inset:0;z-index:800;display:flex;flex-direction:column;background:var(--canvas);animation:fade-in var(--d-overlay) var(--ease-out)}.pv-bar{flex:none;height:56px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg);border-bottom:1px solid var(--border)}.pv-plats{display:flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--a-100);margin-left:8px}.pv-plat{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--muted);transition:background-color var(--d-control) var(--ease),color var(--d-control) var(--ease)}.pv-plat:hover{color:var(--ink)}.pv-plat.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0/.08),0 0 0 .5px rgb(0 0 0/.06)}.pv-device .seg-opt,.pv-mode .seg-opt{gap:6px}.pv-body{flex:1;min-height:0;display:flex}.pv-stage{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:20px;overflow:hidden}.pv-mock{flex:1;min-height:0;display:flex}.pv-mock>.mk.in-phone{align-items:center}.pv-note{max-width:560px;margin:12px auto 0;text-align:center}.pv-side{width:360px;flex:none;display:flex;flex-direction:column;gap:4px;padding:16px 16px 0;border-left:1px solid var(--border);background:var(--bg)}.pv-sec{padding:8px 0 14px;border-bottom:1px solid var(--border)}.pv-sec:last-of-type{border-bottom:0}.pv-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:10px}.pv-h .ph{font-size:17px;color:var(--muted)}.pv-h .is-over{color:var(--danger);font-weight:600}.pv-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.pv-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:18px}.pv-check .btn{flex:none;margin-top:-3px}.pv-ci{flex:none;margin-top:1px}.pv-ci .ph{font-size:16px}.pv-check.ok .pv-ci{color:var(--success)}.pv-check.warn .pv-ci{color:#d97706}.pv-check.block .pv-ci{color:var(--danger)}.pv-check.info .pv-ci{color:var(--muted)}.pv-caption{min-height:132px;font-size:13px;line-height:19px}.pv-go{position:sticky;bottom:0;z-index:2;margin:auto -16px 0;padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px;background:var(--bg);border-top:1px solid var(--border)}.pv-go .t-meta{text-align:center;margin:0}.pv-go .t-meta:empty{display:none}.pv-ext[hidden],.pv-ext:empty{display:none}.pv-ext{display:flex;flex-direction:column;gap:6px}.w-full{width:100%}@media (min-width:761px){.pv-side{order:-1;border-left:0;border-right:1px solid var(--border)}}@media (max-width:760px){.pv-bar{padding:0 6px;gap:4px}.pv-plats{margin-left:0;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.pv-plats::-webkit-scrollbar{display:none}.pv-plat{padding:0 10px;flex:none}.pv-bar>.grow{display:none}.pv-mode{flex:none}.pv-body{flex-direction:column;overflow-y:auto}.pv-stage{flex:none;padding:12px 8px;overflow:visible;min-height:560px}.pv-mock{min-height:540px}.pv-side{width:auto;border-left:0;border-top:1px solid var(--border);overflow:visible;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pv-go{bottom:0;margin-bottom:calc(-20px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0-8px 20px -16px rgb(0 0 0/.25)}}