body.viewer{margin:0;background:#1c2a2a;color:#fff;font-family:var(--font-sans)}
.vbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0a3234;border-bottom:1px solid #ffffff1f}
.vback{color:#d4af37;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.vtitle{flex:1;min-width:0;display:flex;flex-direction:column}
.vtitle span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}
.vtitle b{font:600 17px/22px var(--font-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vnav{display:flex;gap:8px}
.vnav a{color:#fff;text-decoration:none;font-size:13px;font-weight:600;border:1px solid #ffffff40;border-radius:999px;padding:6px 14px;white-space:nowrap}
.vstage{padding:24px;overflow:hidden}
.vframe{transform-origin:0 0;box-shadow:0 30px 80px rgba(0,0,0,.45);border-radius:6px;overflow:hidden;background:#ece9e1}
body.embed{background:#ece9e1}
body.embed .vbar{display:none}
body.embed .vstage{padding:0}
body.embed .vframe{box-shadow:none;border-radius:0}
x-import.dc-slot{display:inline-flex}
x-import.dc-slot>.av-btn{flex:1 1 auto;justify-content:center}