.editor-preview { padding-top: 56px; padding-bottom: 88px; }
.editor-preview-hero { max-width: 820px; margin: 32px 0 44px; }
.editor-preview-hero h1 { margin: 20px 0; font-size: clamp(36px,4.5vw,64px); line-height: 1.15; }
.editor-preview-title-end { white-space: nowrap; }
.editor-preview-hero .lead { max-width: 720px; }
.editor-preview-features, .editor-preview-platforms { display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 32px 0; }
.editor-preview-features article, .editor-preview-platforms article { padding: 24px; min-width: 0; }
.editor-preview-features .ico { color: var(--purple); margin-bottom: 16px; }
.editor-preview h2 { font-size: 20px; margin: 0 0 12px; }
.editor-preview p { line-height: 1.8; }
.editor-preview-platforms { grid-template-columns: repeat(2,minmax(0,1fr)); }
.editor-preview-platforms article { background: linear-gradient(140deg,var(--bg-1),rgba(163,113,247,.05)); }
.editor-preview-platforms button { margin-top: 16px; min-height: 44px; white-space: normal; }
.editor-preview-note { max-width: 760px; color: var(--muted); }
.editor-preview-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.editor-preview-actions .btn { white-space: normal; text-align: center; height: auto; min-height: 44px; }
@media(max-width:760px) { .editor-preview { padding-top: 28px; } .editor-preview-features,.editor-preview-platforms { grid-template-columns: 1fr; } .editor-preview-hero { margin-top: 24px; } }