.preview-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:95px;border-bottom:1px solid var(--line)}
.preview-header .brand>span{font-size:30px}
.preview-back{display:inline-flex;align-items:center;gap:10px;font-size:13px;padding-block:12px;color:#bcd0e0}
.preview-back:hover{color:#fff}
.preview-main{padding-block:45px 35px}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.preview-heading h1{font-family:var(--display);font-size:54px;line-height:1.05;margin:0 0 10px;font-weight:600}
.preview-heading p{color:var(--muted);margin:0;font-size:14px}
.readonly-label{display:inline-flex;align-items:center;gap:9px;color:#c3d9eb;font-size:13px;flex-shrink:0}
.preview-note{color:#b7cada;max-width:74ch;font-size:13px;margin:25px 0}
.preview-main figure{margin:0}
.preview-main figure>img{display:block;width:100%;height:auto;background:#0c100e}
.preview-main figcaption{color:#9bb3c7;font-size:12px;margin-top:13px}
@media(max-width:760px){.preview-header{min-height:82px;gap:12px}.preview-header .brand>span{font-size:25px}.preview-header .brand img{width:31px;height:31px}.preview-back{font-size:11px;gap:6px}.preview-main{padding-top:30px}.preview-heading{align-items:flex-start;flex-direction:column;gap:18px}.preview-heading h1{font-size:43px}.preview-heading p{font-size:13px}.preview-note{font-size:12px;line-height:1.8}.readonly-label{font-size:12px}}