.preview-overlay{z-index:10;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.preview-frame{flex-direction:column;min-height:100dvh;display:flex}.preview-bar{padding:calc(8px + env(safe-area-inset-top)) var(--gutter) 8px;background:var(--surface);justify-content:space-between;align-items:center;display:flex}.preview-name{font-family:var(--ov-font-serif,inherit);color:var(--ov-accent,var(--text));font-size:1.5rem}.preview-close{width:44px;min-height:44px;color:var(--muted);background:0 0;padding:0;font-size:1.25rem}.preview-screen{flex:1;position:relative;overflow:hidden}.preview-screen .ov-stage.ov-stage{height:100%;min-height:100%;position:absolute;inset:0}.preview-caption{padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));text-align:center;color:#ffffffd9;background:#1e1414eb;flex:none;margin:0;font-size:.8125rem}@media (width>=700px){.preview-overlay{background:#00000073}.preview-frame{background:var(--surface);border-radius:28px;max-width:420px;min-height:calc(100dvh - 48px);margin:24px auto;position:relative;overflow:hidden}}