.sync-actions { display:flex; align-items:stretch; gap:10px; }
.preview-button { width:150px; min-height:104px; border:1px solid rgba(68,89,151,.9); border-radius:17px; padding:17px 15px; background:linear-gradient(145deg,rgba(71,91,163,.36),rgba(31,43,88,.62)); box-shadow:inset 0 0 0 1px rgba(163,182,255,.18); color:#f0f4ff; display:flex; flex-direction:column; justify-content:space-between; font-size:17px; text-align:left; cursor:pointer; transition:transform .16s ease,background .16s ease,border-color .16s ease; }
.preview-button .sync-button-label { align-self:flex-start; max-width:154px; font:650 18px Manrope; font-weight:650!important; letter-spacing:-.55px; line-height:1.08; }
.preview-button .sync-button-word { display:block; margin-top:5px; font:inherit; line-height:inherit; }
.preview-button:hover { transform:translateY(-2px); border-color:#8ea6ff; background:linear-gradient(145deg,rgba(86,111,196,.44),rgba(42,58,118,.68)); }
.preview-button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.sync-button { transition:transform .16s ease,filter .16s ease; }
.sync-button:hover:not(:disabled) { transform:translateY(-2px); filter:brightness(1.06); }
.preview-dialog { padding:29px; }
.preview-dialog>p { color:var(--muted); font-size:13px; line-height:1.55; margin:20px 0; }
.preview-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:17px 0; }
.preview-stats div+div { border-left:1px solid var(--line); padding-left:16px; }
.preview-stats strong { font-size:24px; display:block; }
.preview-stats span { color:var(--muted); font-size:10px; }
.preview-details { min-height:24px; color:#cbd0d9; font-size:12px; line-height:1.55; margin-top:17px; }
.preview-details ul { margin:8px 0 18px; padding-left:18px; }
.preview-details .warning { color:#ffda83; }
@media(max-width:650px) { .sync-actions { display:block; } .sync-button,.preview-button { width:100%; margin-top:12px; } .preview-button { min-height:74px; } }