/* Live documents retain their own typography, colours and animation engines. */
.pv-image{aspect-ratio:16/10}
.pv-live-media{position:absolute;left:0;top:0;z-index:4;border:0;max-width:none;transform-origin:0 0;opacity:0;pointer-events:none;background:#0b0b0b;transition:opacity .65s ease}
video.pv-live-media{width:100%;height:100%;object-fit:contain}
.pv-image[data-live=ready]>.pv-live-media{opacity:1}
.pv-image.is-interactive>iframe{pointer-events:auto}
.pv-image.is-interactive{outline:1px solid var(--muted);outline-offset:4px}
.pv-image::after{z-index:5;background:none}
.pv-browser-tools{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;min-height:58px;margin:0 var(--pv-gutter);font-size:10px;letter-spacing:.025em;color:var(--muted)}
.pv-live-status{display:flex;align-items:center;gap:8px;min-width:0;line-height:1.6}
.pv-live-status::before{content:"";flex:0 0 5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}
.pv-panel:has(.pv-image[data-live=ready]) .pv-live-status::before{background:var(--paper);opacity:1;box-shadow:0 0 10px #ffffff30}
.pv-live-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pv-live-actions button,.pv-live-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;background:transparent;color:var(--paper);border-radius:30px;white-space:nowrap;transition:background .25s}
.pv-live-actions button:hover,.pv-live-actions a:hover,.pv-interact[aria-pressed=true]{background:var(--surface)}
/* Live on/off: pressed reads as a lit pill */
.pv-live-toggle{gap:8px}
.pv-live-toggle::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;transition:opacity .3s,box-shadow .3s}
.pv-live-actions .pv-live-toggle[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.pv-live-actions .pv-live-toggle[aria-pressed=true]::before{opacity:1;background:#3fbf6f;box-shadow:0 0 0 3px rgb(63 191 111/.2)}
.pv-live-actions button:disabled{opacity:.4;cursor:default}
.pv-open-live{gap:8px}
.portfolio-v2 .pv-exit-live{position:absolute;right:16px;top:16px;z-index:8;min-height:44px;padding:0 18px;border:1px solid #ffffff35;border-radius:30px;background:#111e;color:#fff;font-size:11px;box-shadow:0 6px 24px #0005}
.pv-detail{margin-top:12px}
@media(max-width:700px){
 .pv-image{aspect-ratio:4/5;border-radius:12px}
 .pv-panel[data-project-id=prime-directive] .pv-image{aspect-ratio:16/10}
 .pv-browser-tools{flex-wrap:wrap;padding-top:6px;padding-bottom:8px;gap:0 10px}
 .pv-live-actions{gap:0;margin-left:auto}
 .pv-live-actions button,.pv-live-actions a{padding:0 10px}
 .pv-live-status{font-size:9px;min-height:30px}
 .portfolio-v2 .pv-exit-live{top:10px;right:10px;min-height:40px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.pv-live-media{transition:none}}