.preview-notice{padding:16px 5%;background:#1e2a34;color:#f4e5cc;display:flex;align-items:center;gap:25px;font-size:12px;line-height:1.6;border-bottom:1px solid #e0b77555}.preview-notice>a{color:#e0b775;white-space:nowrap}.preview-notice p{flex:1}.preview-result{padding-top:18px;font-size:13px;color:var(--muted)}[data-preview-search]~*{scroll-margin-top:25px}.screenshots-page{background:#111a23;color:#f4e5cc}.screenshots-page .page-wrap{max-width:1200px}.screenshots-page nav{justify-content:space-between;flex-wrap:wrap;margin-bottom:35px}.screenshots-page .lead{color:#c1b8ac}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.screenshot-grid figure{margin:0;background:#1e2a34;border:1px solid #e0b77544;border-radius:10px;overflow:hidden}.screenshot-grid img{width:100%;height:auto;display:block}.screenshot-grid figcaption{padding:20px}.screenshot-grid h2{font-size:23px;margin-bottom:10px}.screenshot-grid p{font-size:13px;color:#c1b8ac}input:disabled{opacity:.55}@media(max-width:650px){.preview-notice{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 20px}.screenshot-grid{grid-template-columns:1fr}}