.notice-editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.notice-editor,.notice-preview-card{padding:20px}
.notice-editor h2,.notice-preview-card h2{margin:5px 0 10px;font:700 20px "Chakra Petch"}
.notice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.notice-fields label{display:grid;gap:5px;color:var(--muted);font-size:9px}
.notice-fields input,.notice-fields select,.notice-fields textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:#07131f;padding:9px;outline:none}
.notice-message-field{position:relative;grid-column:1/-1}.notice-message-field small{position:absolute;right:7px;bottom:6px;color:var(--muted)}
.notice-enabled{display:flex!important;align-items:center;gap:7px}.notice-enabled input{width:auto}
.notice-preview{margin:18px 0;padding:12px;border:1px solid rgba(34,211,238,.5);border-radius:8px;background:#071622}.notice-preview.recommended{border-color:rgba(239,189,54,.7)}.notice-preview.required{border-color:rgba(255,107,129,.72)}
.notice-preview strong{display:block;color:var(--cyan);font:700 11px "Chakra Petch"}.notice-preview span{display:block;margin:4px 0 12px;color:#b8c9d4;font-size:11px;line-height:1.4}.notice-preview div{display:flex;justify-content:flex-end;gap:5px}.notice-preview button{padding:6px 8px;font-size:8px}.notice-preview button:last-child{border-color:var(--cyan);background:var(--cyan);color:#041119}.notice-preview.required .preview-later{display:none}
.notice-preview-card ul{padding-left:18px;color:var(--muted);font-size:10px;line-height:1.65}
@media(max-width:850px){.notice-editor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.notice-fields{grid-template-columns:1fr}.notice-message-field{grid-column:auto}}