.preview-banner{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:.65rem 1rem;background:#f3e6c8;color:#4d4029;text-align:center;font:500 .9rem/1.4 system-ui,sans-serif}
.preview-banner button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:.2rem}
.preview-dialog{box-sizing:border-box;width:min(92vw,34rem);max-height:85dvh;overflow:auto;overscroll-behavior:contain;border:1px solid #d8d4c8;border-radius:1.1rem;padding:clamp(1.2rem,4vw,2rem);background:#fffdf7;color:#292a25;box-shadow:0 1rem 4rem #0003;font:1rem/1.55 system-ui,sans-serif}
.preview-dialog::backdrop{background:#20291fc4;backdrop-filter:blur(3px)}
.preview-dialog h2{font-size:1.4rem;line-height:1.3;margin:0 0 1rem}
.preview-dialog a{color:#475f4d}
.preview-dialog button{display:block;width:100%;background:#596d5b;color:#fff;border:0;border-radius:.65rem;padding:.9rem 1rem;cursor:pointer;font:600 1rem/1.35 system-ui,sans-serif}
.preview-dialog-header{position:sticky;top:0;display:flex;align-items:start;gap:1rem;background:#fffdf7}
.preview-dialog .preview-close{flex:none;width:44px;height:44px;padding:0;background:#edece5;color:#292a25;font-size:1.8rem}