#notification-message-preview{margin:48px 0 0;padding:clamp(22px,4vw,38px);border:1px solid var(--v-line,#cad5e6);border-radius:16px;background:var(--v-paper,#fff);scroll-margin-top:100px}
#notification-message-preview h2{margin:0 0 14px;font:400 clamp(28px,4vw,40px)/1.2 CLJournal,Georgia,serif}
#notification-message-preview>p{max-width:70ch;color:var(--v-muted,#526680)}
#notification-message-preview label{display:flex;flex-direction:column;gap:8px;font-weight:600}
#notification-message-preview select,#notification-message-preview input{width:100%;min-height:46px;padding:11px;border:1px solid var(--v-line,#cad5e6);border-radius:8px;background:var(--v-bg,#f5f7ff);color:var(--v-ink,#142940);font:inherit}
#notification-message-preview form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}#notification-message-preview form[hidden]{display:none}
#notification-message-preview [data-preview-output]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.cl-message-preview-card{padding:22px;border:1px solid var(--v-line,#cad5e6);border-top:4px solid #239ace;border-radius:12px;background:var(--v-soft,#eef3ff)}.cl-message-preview-card[data-channel=discord]{border-top-color:#727df5}.cl-message-preview-card h3{margin:0 0 18px;font:700 1rem/1.5 system-ui}.cl-message-preview-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;margin:0}
#notification-message-preview button:focus-visible,#notification-message-preview select:focus-visible,#notification-message-preview input:focus-visible{outline:3px solid #be8100;outline-offset:3px}@media(max-width:640px){#notification-message-preview form{grid-template-columns:1fr}}