.appearance-preview{margin:0 0 25px}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.preview-label span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#ff5a1f}.preview-label small{color:#7d8991}.preview-browser{border:1px solid #dbe2e6;border-radius:15px;overflow:hidden;background:white;box-shadow:0 12px 35px #10202d18}.preview-top{height:48px;background:var(--preview-dark);color:white;display:flex;align-items:center;gap:18px;padding:0 20px}.preview-top b{margin-right:auto;font-size:12px}.preview-top i{width:35px;height:5px;border-radius:4px;background:#ffffff40}.preview-top button,.preview-hero button{background:var(--preview-accent);color:white;border:0;border-radius:6px;padding:8px 12px;font-weight:800;font-size:10px}.preview-hero{height:190px;background:linear-gradient(100deg,rgba(7,19,29,var(--preview-overlay)),rgba(7,19,29,.35)),linear-gradient(135deg,var(--preview-dark),#416170);color:white;padding:32px;display:flex;align-items:center}.preview-hero small{color:var(--preview-accent);font-size:8px;font-weight:900;letter-spacing:.12em}.preview-hero h3{font-size:26px;max-width:390px;margin:8px 0 16px}.preview-content{background:var(--preview-light);padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.preview-content article{background:white;border-radius:var(--preview-radius);overflow:hidden;box-shadow:var(--preview-shadow);padding-bottom:13px;transition:.15s}.preview-content article>div{height:55px;background:linear-gradient(135deg,var(--preview-accent),var(--preview-dark))}.preview-content h4,.preview-content p{margin:10px 13px 0}.preview-content p{color:#7a868e;font-size:10px}@media(max-width:600px){.preview-content{grid-template-columns:1fr}.preview-top i{display:none}.preview-hero{height:170px;padding:22px}.preview-hero h3{font-size:22px}}