.view-switch{margin:-7px 0 12px}
.view-switch>small{display:block;padding:0 4px 7px;color:#a0a5ad;font-size:9px;font-weight:800;letter-spacing:.1em}
.view-switch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:10px;background:var(--soft)}
.view-switch button{border:0;border-radius:8px;background:transparent;padding:7px 3px;color:var(--muted);font-size:10px;font-weight:700}
.view-switch button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(20,28,42,.08)}
.preview-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:12px 15px;border:1px solid #bdd3f5;border-radius:13px;background:#eef5ff;color:#315b91;font-size:12px}
.preview-banner b{color:#184d92}.preview-banner button{border:0;background:transparent;color:var(--blue);font-weight:800}
@media(max-width:560px){.preview-banner{align-items:flex-start;flex-direction:column}}