.preview-dialog{border:0;border-radius:16px;width:min(1080px,96vw);max-height:94vh;padding:0;color:#163742;box-shadow:0 20px 80px #102c4455}.preview-dialog::backdrop{background:#102c4466}.preview-tools{position:sticky;top:0;background:white;z-index:2;padding:16px 20px;border-bottom:1px solid #dae6eb;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.preview-tools select{font:inherit;padding:8px;max-width:420px}.preview-meta{padding:10px 20px;font-size:12px;color:#69828d}.preview-body{max-width:760px;margin:0 auto 24px;padding:0 16px}.preview-body.mobile{max-width:390px}.fp-header{background:#e8f5ed;border-radius:12px 12px 0 0;padding:18px 22px}.fp-header h2{font-size:20px;margin:0 0 6px}.fp-header p{margin:0;color:#547565}.fp-body{background:white;border:1px solid #e1e9ed;padding:18px;border-radius:0 0 12px 12px}.fp-markdown{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:7px 0}.fp-columns{display:flex;gap:10px;align-items:stretch;margin:10px 0}.fp-column{min-width:0;padding:10px;border:1px solid #e3ebef;border-radius:8px;overflow-wrap:anywhere}.fp-tint{background:#f1f7f8}.fp-chart{width:100%;overflow:hidden}.fp-tag{border-radius:5px;background:#e7f5ef;padding:3px 7px;font-size:12px}.fp-body hr{border:0;border-top:1px solid #e6eef1;margin:14px 0}.preview-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;font-size:12px;padding:16px;background:#f4f7f9}.preview-close{margin-left:auto}.preview-empty{padding:24px;line-height:1.8;color:#6b8390}@media(max-width:650px){.preview-tools{padding:12px}.fp-columns{flex-wrap:wrap}.fp-column{flex-basis:140px}.preview-body{padding:0 8px}.fp-body{padding:10px}}