:root{--bg:#f7f7f8;--panel:#fff;--border:#e3e3e8;--text:#1a1a1e;--muted:#6b6b76;--primary:#3b5bdb;--primary-fg:#fff;--danger:#d6336c;--ok:#2f9e44;--warn:#e8590c;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#15161a;--panel:#1e1f25;--border:#2f313a;--text:#e8e8ec;--muted:#9a9aa6;--primary:#5c7cfa;--primary-fg:#0b0c10}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:24px 16px 64px}.topbar{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{letter-spacing:-.01em;font-weight:700}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.1rem}label{color:var(--muted);margin:12px 0 4px;font-size:.85rem;display:block}input,textarea,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 11px}textarea{resize:vertical;min-height:120px;font-family:ui-monospace,monospace;font-size:.85rem}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1;min-width:160px}.btn{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:5px 10px;font-size:.8rem}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.muted{color:var(--muted)}.pill{border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:700;display:inline-block}.pill.pending{color:var(--muted)}.pill.queued{color:var(--primary);border-color:var(--primary)}.pill.sending{color:var(--warn);border-color:var(--warn)}.pill.sent{color:var(--ok);border-color:var(--ok)}.pill.failed,.pill.canceled{color:var(--danger);border-color:var(--danger)}.banner{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.9rem}.banner.warn{background:color-mix(in srgb, var(--warn) 15%, transparent);border:1px solid var(--warn)}.banner.err{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid var(--danger)}.stats{flex-wrap:wrap;gap:16px;display:flex}.stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:90px;padding:10px 16px}.stat .n{font-size:1.4rem;font-weight:700}.stat .l{color:var(--muted);font-size:.75rem}.grid-actions{flex-wrap:wrap;gap:6px;display:flex}.body-preview{color:var(--muted);white-space:pre-wrap;max-width:460px;max-height:8em;margin-top:2px;font-size:.8rem;overflow:auto}.variation{border:1px solid var(--border);background:var(--bg);border-radius:8px;margin-bottom:10px;padding:12px 14px}.row-toggle{cursor:pointer;width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;border:none;align-items:baseline;gap:6px;margin:0;padding:0;display:inline-flex}.row-toggle:hover{color:var(--primary)}.row-toggle .caret{color:var(--muted);font-size:.75rem}.lint-badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.72rem;font-weight:700}.lint-badge.warn{color:var(--danger);border-color:var(--danger)}.lint-badge.info{color:var(--warn);border-color:var(--warn)}.lint-list{margin:6px 0 10px;padding-left:18px;font-size:.82rem}.lint-list li.warn{color:var(--danger)}.lint-list li.info{color:var(--warn)}