body { margin:0; padding:2.5rem 1rem; background:#F7F8F9; font-family:'Montserrat',sans-serif; color:#2A2A2A; }
.wrap { max-width:560px; margin:0 auto; background:#FFFFFF; border-radius:10px; padding:2.5rem 2rem; box-shadow:0 4px 20px rgba(61,31,92,.08); }
h1 { color:#3D1F5C; margin:0 0 1rem; font-weight:800; font-size:1.5rem; }
p { line-height:1.5; color:#2A2A2A; }
.muted { color:#6B6776; font-size:.9rem; }
.actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1.5rem; }
button, .btn-link { font: inherit; font-weight:600; padding:.7rem 1.2rem; border-radius:6px; cursor:pointer; min-height:44px; border:1px solid #E4E1ED; }
button.primary, .btn-primary { background:#3D1F5C; color:#FFFFFF; border:none; text-decoration:none; display:inline-block; }
button.primary:hover { background:#2D1745; }
.pill { display:inline-block; padding:.15rem .55rem; border-radius:999px; font-size:.72rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.pill-on { background:#D8EDD8; color:#1F5C2A; }
.pill-off { background:#FCE3E3; color:#7A1F1F; }
.hr { height:1px; background:#E4E1ED; margin:1.5rem 0; }
form { margin:0; }
.preview-note { background:#F1ECF7; border:1px solid #D9CDE8; border-radius:8px; padding:.85rem 1rem; margin:0 0 1.4rem; color:#3D1F5C; font-size:.9rem; line-height:1.5; }
button.inert { opacity:.5; cursor:not-allowed; }