/* Share post SX · Noir / Champagne. Local fonts and assets only. */
html[data-theme="light"] {
  color-scheme: light;
  --bg:#f9f6ef; --white:#f9f6ef; --ink:#353638; --muted:#353638;
  --green:#785720; --gold:#785720; --pale:#f9f6ef; --border:#d9d0c0;
  --surface:#f9f6ef; --surface-raised:#f9f6ef; --accent-soft:#d5b77912;
  --success:#353638; --danger:#785720;
}
html[data-theme="light"] html { scroll-padding-top:100px; scrollbar-color:#606269 #f9f6ef; }
html[data-theme="light"] body { background:radial-gradient(ellipse at 76% 0%,#a9874807,transparent 38%),var(--bg); color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
html[data-theme="light"] ::selection { background:#a9874840; color:#353638; }
html[data-theme="light"] button { transition:background .18s,border-color .18s,box-shadow .18s; }
html[data-theme="light"] button:hover { filter:none; }
html[data-theme="light"] button:disabled { opacity:.42; }
html[data-theme="light"] button:focus-visible,html[data-theme="light"] a:focus-visible,html[data-theme="light"] summary:focus-visible,html[data-theme="light"] input:focus-visible,html[data-theme="light"] textarea:focus-visible,html[data-theme="light"] select:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea { color-scheme:light; accent-color:var(--gold); }
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder { color:#353638; opacity:1; }
html[data-theme="light"] input:-webkit-autofill { -webkit-text-fill-color:var(--ink); -webkit-box-shadow:0 0 0 1000px #d9d0c0 inset; }
html[data-theme="light"] button,html[data-theme="light"] summary { -webkit-tap-highlight-color:transparent; }
html[data-theme="light"] .ui-icon { width:20px;height:20px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
html[data-theme="light"] .sidebar { width:238px; padding:34px 20px 24px; background:linear-gradient(160deg,#f5f2eb,#f5f2eb 70%); border-right:1px solid #55462c1c; }
html[data-theme="light"] .brand { margin:0 7px;gap:12px; }
html[data-theme="light"] .brand-mark { width:43px;height:43px; border-radius:13px;box-shadow:0 4px 24px #55462c55; }
html[data-theme="light"] .brand-wordmark { font-size:19px;letter-spacing:-.65px;font-weight:650; }
html[data-theme="light"] .brand-wordmark small { display:block;color:var(--gold);font-size:10px;letter-spacing:4px;font-weight:600;margin-top:6px; }
html[data-theme="light"] .workspace-label { color:#353638; font-size:9px;letter-spacing:2.1px;margin:60px 14px 18px; }
html[data-theme="light"] .nav-item { min-height:52px;padding:14px 15px;gap:12px;border:1px solid transparent;color:#353638;border-radius:11px;font-size:13px;margin:6px 0; }
html[data-theme="light"] .nav-item:hover { background:#a9874805;color:var(--ink); }
html[data-theme="light"] .nav-item.active { background:linear-gradient(100deg,#a9874819,#a9874807);border-color:#55462c24;color:#785720; }
html[data-theme="light"] .nav-item>span:first-child { display:grid;place-items:center; }
html[data-theme="light"] .count { color:var(--gold);background:#a987481a;font-weight:650;min-width:23px;text-align:center; }
html[data-theme="light"] .sidebar-bottom { border-color:#d9d0c0;color:#353638;font-size:10px;gap:8px;padding:20px 10px 0; }
html[data-theme="light"] .version { color:#353638; }
html[data-theme="light"] .small-dot,html[data-theme="light"] .pill i,html[data-theme="light"] .preview-heading i { background:var(--success);box-shadow:0 0 8px #55462c30; }
html[data-theme="light"] .main-shell { margin-left:238px;width:calc(100% - 238px);min-width:0; }
html[data-theme="light"] .topbar { height:78px;padding:0 44px;background:#0e1013d9;border-color:#55462c09;backdrop-filter:blur(20px);color:#353638; }
html[data-theme="light"] .topbar #breadcrumb { font-size:11px;letter-spacing:.2px; }
html[data-theme="light"] .pill { color:#353638;background:#a9874808;border-color:#55462c22;font-size:10px;padding:8px 12px;gap:7px; }
html[data-theme="light"] .icon-button { background:#f5f2eb;color:var(--gold);border-color:#d9d0c0;width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center; }
html[data-theme="light"] .icon-button:hover { background:#f5f2eb;border-color:#c9bda9; }
html[data-theme="light"] main { max-width:1450px;padding:44px 44px 0; }
html[data-theme="light"] .page-heading { margin-bottom:26px;align-items:center; }
html[data-theme="light"] .eyebrow { color:var(--gold);font-size:9px;letter-spacing:2.5px;margin-bottom:16px;font-weight:600; }
html[data-theme="light"] h1 { font-size:clamp(30px,3vw,45px);line-height:1.17;font-weight:550;letter-spacing:-1.9px; margin-bottom:15px; }
html[data-theme="light"] h1 em { color:#785720;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.4px; }
html[data-theme="light"] .page-heading p { font-size:13px;line-height:1.65;color:#353638; }
html[data-theme="light"] .demo-label { position:static;border-color:#55462c35;color:#785720;background:#a9874806;border-radius:30px;padding:9px 13px;font-size:8px;letter-spacing:1.5px; }
html[data-theme="light"] .demo-label span { color:var(--gold);font-size:9px; }
html[data-theme="light"] .notice { background:#a9874807;border-color:#55462c24;border-radius:12px;color:#785720;padding:14px 17px;line-height:1.7;font-size:11px;margin-bottom:25px; }
html[data-theme="light"] .notice-icon { border-color:#c9bda9;color:var(--gold); }
html[data-theme="light"] .notice strong { color:#785720; }
html[data-theme="light"] .notice .text-button { color:var(--gold);min-height:32px; }
html[data-theme="light"] .composer-layout { grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr);gap:32px;align-items:start; }
html[data-theme="light"] .card { border-color:var(--border);background:linear-gradient(145deg,#f5f2eb,#f5f2eb);border-radius:16px;box-shadow:0 6px 24px #55462c0c; }
html[data-theme="light"] .connection { padding:18px 20px;gap:12px;margin-bottom:14px; }
html[data-theme="light"] .connection-icon { color:var(--gold);background:#a9874810;border:1px solid #55462c20;width:40px;height:40px;border-radius:12px;font-size:23px;flex-shrink:0; }
html[data-theme="light"] .connection>div:nth-child(2) { min-width:0;flex:1; }
html[data-theme="light"] .connection h2 { font-size:12px;color:var(--ink);line-height:1.6; }
html[data-theme="light"] .connection p { color:#353638;font-size:10px;line-height:1.6;overflow-wrap:anywhere; }
html[data-theme="light"] .cloud-card,html[data-theme="light"] .auth-card { padding:17px 20px;margin-bottom:18px;background:#f5f2eb;box-shadow:none; }
html[data-theme="light"] .cloud-card .section-heading h2,html[data-theme="light"] .auth-card .section-heading h2 { font-size:11px;font-weight:550;letter-spacing:.2px;color:#353638; }
html[data-theme="light"] .cloud-card #cloud-status,html[data-theme="light"] .auth-card #auth-status { font-size:11px;color:#785720;font-weight:400;line-height:1.65;margin-top:9px; }
html[data-theme="light"] .cloud-card .text-button,html[data-theme="light"] .auth-card .text-button { font-size:10px;min-height:32px; }
html[data-theme="light"] .sync-details { margin-top:9px;font-size:10px;color:#353638; }
html[data-theme="light"] .sync-details summary { cursor:pointer;padding:4px 0;min-height:28px; }
html[data-theme="light"] .sync-details p { margin:5px 0 0; }
html[data-theme="light"] .mode-switch { border-color:#d9d0c0;background:#f5f2eb;padding:5px;gap:5px;border-radius:11px;margin-bottom:20px; }
html[data-theme="light"] .mode-switch button { min-height:40px;color:#353638;font-size:11px;border:1px solid transparent;border-radius:7px; }
html[data-theme="light"] .mode-switch button.selected { border-color:#55462c35;background:linear-gradient(110deg,#a987481b,#a987480a);color:#785720;box-shadow:none; }
html[data-theme="light"] .editor-card { padding:23px 22px 0;margin-bottom:20px; }
html[data-theme="light"] .section-heading { gap:12px; }
html[data-theme="light"] .section-heading h2 { font-size:13px;font-weight:600;color:#353638; }
html[data-theme="light"] .step { background:#a987480c;border-color:#55462c29;color:#785720;border-radius:6px;padding:5px 6px;min-width:27px;text-align:center;font-size:9px; }
html[data-theme="light"] .save-status { color:#353638;font-size:9px;white-space:nowrap; }
html[data-theme="light"] .rich-controls { margin-top:19px;gap:8px;padding-bottom:15px;border-color:#d9d0c0; }
html[data-theme="light"] .rich-controls p { font-size:10px;line-height:1.75;color:#353638; }
html[data-theme="light"] .secondary-button { color:#353638;background:#f5f2eb;border-color:#d9d0c0;border-radius:8px;padding:11px 13px;font-size:11px;min-height:40px; }
html[data-theme="light"] .secondary-button:hover { background:#f5f2eb;border-color:#c9bda9;color:#785720; }
html[data-theme="light"] .import-source-button { color:#785720;background:#a987480b;border-color:#55462c31;font-size:11px; }
html[data-theme="light"] .text-button { color:var(--gold);font-size:11px;border-radius:5px; }
html[data-theme="light"] .text-button:hover { color:#785720;background:#a9874808; }
html[data-theme="light"] textarea { background:transparent;color:#353638;font-size:14px;line-height:1.9;min-height:230px;padding:23px 0 20px;caret-color:var(--gold); }
html[data-theme="light"] textarea::placeholder { font-size:13px;color:#353638; }
html[data-theme="light"] textarea:focus-visible { outline:none;box-shadow:inset 0 -1px var(--gold); }
html[data-theme="light"] textarea[readonly] { background:#f5f2eb;color:#353638; }
html[data-theme="light"] .editor-footer { border-color:#d9d0c0;min-height:62px;color:#353638;font-size:10px; }
html[data-theme="light"] .attachment-actions { gap:14px; }
html[data-theme="light"] .attachment-button { background:#f5f2eb;border-color:#d9d0c0;color:#785720;border-radius:7px;font-size:11px;padding:9px 11px;min-height:38px; }
html[data-theme="light"] .attachment-actions .text-button { color:#353638;font-size:10px;min-height:38px; }
html[data-theme="light"] .mobile-preview-trigger { display:none; }
html[data-theme="light"] #attachment { border-color:#d9d0c0;color:#353638;padding:12px 0; }
html[data-theme="light"] .attachment-row { border-color:#d9d0c0; }
html[data-theme="light"] .destination-card { padding:23px 22px; }
html[data-theme="light"] .form-label,html[data-theme="light"] .field label { color:#353638;font-weight:500; }
html[data-theme="light"] .form-input,html[data-theme="light"] .field select,html[data-theme="light"] .group-choice input[type=search] { border-color:#d9d0c0;background:#f5f2eb;color:#353638;border-radius:8px;min-height:44px;font-size:13px;padding:12px; }
html[data-theme="light"] .form-input:focus,html[data-theme="light"] .field select:focus,html[data-theme="light"] .group-choice input[type=search]:focus { border-color:#c9bda9; }
html[data-theme="light"] .field-note { color:#353638;font-size:11px;line-height:1.75; }
html[data-theme="light"] .tiny-label { color:#353638; }
html[data-theme="light"] .checkbox-label { color:#353638;font-size:12px;line-height:1.7;gap:10px; }
html[data-theme="light"] .checkbox-label input,html[data-theme="light"] .topic-choice input { width:19px;height:19px;accent-color:var(--gold); }
html[data-theme="light"] .group-tree { background:#f5f2eb;border-color:#d9d0c0;padding:4px 10px;border-radius:11px;margin-top:16px; }
html[data-theme="light"] .group-choice { padding:3px 3px;border-color:#d9d0c0; }
html[data-theme="light"] .group-choice summary { min-height:55px;font-size:12px;color:#353638;padding:14px 3px;gap:10px; }
html[data-theme="light"] .group-choice summary:before { color:#785720;font-size:20px; }
html[data-theme="light"] .group-choice summary small { color:#785720;background:#a9874819;font-size:10px; }
html[data-theme="light"] .group-tools { gap:10px;justify-content:space-between;align-items:center; }
html[data-theme="light"] .group-tools small { color:#353638;font-size:10px; }
html[data-theme="light"] .group-tools button { color:#353638;font-size:10px; }
html[data-theme="light"] .topic-choice { color:#353638;border-color:#d9d0c0;min-height:48px;padding:12px 8px;font-size:12px;gap:12px; }
html[data-theme="light"] .topic-choice:has(input:checked) { color:#785720;background:#a987480a;border-radius:7px; }
html[data-theme="light"] .topic-choice:has(input:disabled) { color:#353638;cursor:not-allowed; }
html[data-theme="light"] .selection-heading { color:#353638;font-size:12px;margin-top:21px; }
html[data-theme="light"] .selected-destinations,html[data-theme="light"] .hidden-groups { color:#353638; }
html[data-theme="light"] .selected-chip { border-color:#d9d0c0;color:#353638;gap:12px; }
html[data-theme="light"] .hidden-groups summary,html[data-theme="light"] .selected-destinations summary { min-height:40px;padding:11px 0; }
html[data-theme="light"] .connection-test,html[data-theme="light"] .target-picker-actions { border-color:#d9d0c0; }
html[data-theme="light"] .target-row { background:#f5f2eb;border-color:#d9d0c0; }
html[data-theme="light"] .target-row small { color:#353638; }
html[data-theme="light"] .primary-button { background:linear-gradient(115deg,#ffffff,#ffffff);color:#f9f6ef;border:1px solid #c9bda9;border-radius:9px;font-size:12px;font-weight:650;padding:15px 22px;min-height:48px;box-shadow:0 4px 18px #55462c10; }
html[data-theme="light"] .primary-button:hover:not(:disabled) { background:linear-gradient(115deg,#ffffff,#ffffff);box-shadow:0 5px 22px #55462c20; }
html[data-theme="light"] .primary-button span { color:#f9f6ef; }
html[data-theme="light"] .action-row { margin-top:22px; }
html[data-theme="light"] .quiet { color:#353638;font-size:10px; }
html[data-theme="light"] .preview-column { padding:2px 0 0;position:sticky;top:28px;align-self:start;min-width:0; }
html[data-theme="light"] .preview-heading { color:#353638;margin:0 4px 17px;font-size:9px;letter-spacing:2px;min-height:24px; }
html[data-theme="light"] .preview-heading>span:last-child { color:#785720; }
html[data-theme="light"] .preview-fold-button { display:none; }
html[data-theme="light"] .phone-preview { background:#f5f2eb;border:1px solid #55462c29;border-radius:23px;box-shadow:0 20px 50px #55462c44,0 0 0 5px #55462c02;min-height:495px; }
html[data-theme="light"] .phone-top { background:#f5f2eb;border-color:#d9d0c0;padding:18px 17px; }
html[data-theme="light"] .back-arrow,html[data-theme="light"] .phone-menu { color:#785720; }
html[data-theme="light"] .group-avatar { width:36px;height:36px;color:#785720;background:#a9874815;border:1px solid #55462c26;font-size:13px; }
html[data-theme="light"] .phone-top strong { color:#353638;font-size:11px;overflow-wrap:anywhere; }
html[data-theme="light"] .phone-top>div:has(strong) { min-width:0; }
html[data-theme="light"] .phone-top>div>span { color:#353638;font-size:9px; }
html[data-theme="light"] .chat-surface { background-color:#f5f2eb;background-image:radial-gradient(#a987480d .6px,transparent .6px);background-size:16px 16px;padding:24px 15px;min-height:325px; }
html[data-theme="light"] .chat-day { background:#f5f2eb;color:#353638;font-size:8px;padding:5px 11px;margin-bottom:24px; }
html[data-theme="light"] .chat-message { background:#f5f2eb;box-shadow:0 2px 10px #55462c22;border:1px solid #55462c80;padding:14px 14px 10px;border-radius:13px 13px 13px 3px; }
html[data-theme="light"] .sender-name { color:#785720;font-size:10px;letter-spacing:.1px; }
html[data-theme="light"] .chat-message p { color:#353638;font-size:14px;line-height:1.75; }
html[data-theme="light"] .chat-message p.placeholder-text { color:#353638; }
html[data-theme="light"] .message-meta { color:#353638;font-size:8px; }
html[data-theme="light"] .message-meta>span:last-child { color:#353638; }
html[data-theme="light"] .chat-label { color:#353638;font-size:9px; }
html[data-theme="light"] .phone-bottom { background:#f5f2eb;color:#353638;padding:14px 17px; }
html[data-theme="light"] .phone-bottom>div { background:#f5f2eb;border-color:#d9d0c0;color:#353638; }
html[data-theme="light"] .preview-tip { color:#785720;margin-top:23px;gap:12px; }
html[data-theme="light"] .preview-tip>span { color:#785720; }
html[data-theme="light"] .preview-tip strong { color:#785720;font-size:11px; }
html[data-theme="light"] .preview-tip p { color:#353638;font-size:11px;max-width:270px;line-height:1.75; }
html[data-theme="light"] #preview-media img,html[data-theme="light"] #preview-media video { background:#f5f2eb; }
html[data-theme="light"] .rich-code { background:#e9e3d7;color:#785720; }
html[data-theme="light"] .rich-spoiler { background:#e9e3d7; }
html[data-theme="light"] .premium-badge { color:#353638;background:#f5f2eb;font-size:9px; }
html[data-theme="light"] .premium-badge.is-premium { color:#785720;background:#a9874816;border:1px solid #55462c2a; }
html[data-theme="light"] .batch-card { padding:23px 22px; }
html[data-theme="light"] .batch-text { background:#f5f2eb;color:#353638;border-color:#d9d0c0;font-size:12px; }
html[data-theme="light"] .batch-row { border-color:#d9d0c0;font-size:12px;padding:15px 0; }
html[data-theme="light"] .batch-row p { color:#353638;font-size:11px; }
html[data-theme="light"] .batch-row .batch-state { color:#785720; }
html[data-theme="light"] .batch-row[data-status=sent] .batch-state,html[data-theme="light"] .live-success { color:var(--success)!important; }
html[data-theme="light"] .batch-row[data-status=error] .batch-state { color:var(--danger); }
html[data-theme="light"] .batch-row[data-status=sending] .batch-state { color:var(--gold); }
html[data-theme="light"] .history-section-title { color:#353638;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;margin-top:32px; }
html[data-theme="light"] .history-item { padding:25px;margin:16px 0; }
html[data-theme="light"] .history-item header { color:#353638;line-height:1.6; }
html[data-theme="light"] .history-item header span { color:#353638; }
html[data-theme="light"] .history-item p { color:#353638;font-size:13px;line-height:1.8; }
html[data-theme="light"] .campaign-item .campaign-count { color:#785720;font-size:11px; }
html[data-theme="light"] .campaign-destinations { border-color:#d9d0c0; }
html[data-theme="light"] .campaign-destinations p { border-color:#d9d0c0;color:#353638;font-size:12px; }
html[data-theme="light"] .campaign-actions { padding-top:7px; }
html[data-theme="light"] .campaign-actions .text-button { color:#785720; }
html[data-theme="light"] .history-tag { color:#785720;background:#a987480d;font-size:9px; }
html[data-theme="light"] .history-empty .empty-icon { color:var(--gold); }
html[data-theme="light"] .history-empty p { color:#353638; }
html[data-theme="light"] .help-grid .card { padding:28px; }
html[data-theme="light"] .help-grid h2 { color:#353638;font-weight:500;font-size:19px; }
html[data-theme="light"] .help-grid p { color:#353638;font-size:13px;line-height:1.9; }
html[data-theme="light"] footer { border-color:#d9d0c0;color:#353638;margin-top:42px;padding:25px 0; }
html[data-theme="light"] footer>span:first-child { color:#353638;font-weight:550;font-size:14px;letter-spacing:-.3px; }
html[data-theme="light"] .footer-brand b { color:var(--gold);font-size:10px; }
html[data-theme="light"] dialog { background:#f5f2eb;border-color:#d9d0c0;color:var(--ink);border-radius:20px;width:calc(100% - 36px);max-width:570px;max-height:calc(100dvh - 48px);box-shadow:0 28px 110px #55462caa; }
html[data-theme="light"] dialog::backdrop { background:#050609bd;backdrop-filter:blur(9px); }
html[data-theme="light"] .modal-content { padding:38px 30px 30px; }
html[data-theme="light"] .modal-content h2 { color:#353638;font-weight:500;font-size:26px;letter-spacing:-.8px;max-width:calc(100% - 20px);line-height:1.25; }
html[data-theme="light"] .modal-content p,html[data-theme="light"] .modal-content li { color:#353638;font-size:13px;line-height:1.8; }
html[data-theme="light"] .modal-content .modal-kicker { color:var(--gold);font-size:9px;letter-spacing:2px;margin-right:25px; }
html[data-theme="light"] .modal-content a { color:#785720; }
html[data-theme="light"] .modal-content .field-note { color:#353638;font-size:12px; }
html[data-theme="light"] .modal-preview { color:#353638;background:#f5f2eb;border-color:#d9d0c0;border-radius:10px;padding:17px; }
html[data-theme="light"] .modal-destination { color:#785720;background:#a987480c;border:1px solid #55462c24;border-radius:9px;line-height:1.8; }
html[data-theme="light"] .form-error { color:#785720!important;background:#4d291f33;border-color:#55462c60; }
html[data-theme="light"] .modal-actions { flex-wrap:wrap; }
html[data-theme="light"] .modal-actions>button { min-height:46px;white-space:normal; }
html[data-theme="light"] .emoji-choice,html[data-theme="light"] .saved-original,html[data-theme="light"] .import-message-choice,html[data-theme="light"] .import-preview { background:#f5f2eb;color:var(--ink);border-color:#d9d0c0;border-radius:10px; }
html[data-theme="light"] .emoji-choice:hover,html[data-theme="light"] .import-message-choice:hover,html[data-theme="light"] .saved-original:hover { background:#a987480c;border-color:#c9bda9; }
html[data-theme="light"] .emoji-choice small { color:#353638; }
html[data-theme="light"] .import-message-choice>small { color:#353638; }
html[data-theme="light"] .import-preview { background:#f5f2eb; }
html[data-theme="light"] .toast { background:#ffffff;color:#f9f6ef;border:1px solid #55462c40;border-radius:11px;box-shadow:0 8px 35px #55462c77;font-size:12px;max-width:min(520px,90%); }
html[data-theme="light"] .mobile-brand { color:#353638; }
html[data-theme="light"] .mobile-brand b { color:var(--gold); }
@media(min-width:1500px) {
 html[data-theme="light"] main { padding-top:52px; }
 html[data-theme="light"] .composer-layout { gap:44px;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr); }
}
@media(max-width:1190px) {
 html[data-theme="light"] .sidebar { width:210px;padding:30px 14px 22px; }
 html[data-theme="light"] .main-shell { margin-left:210px;width:calc(100% - 210px); }
 html[data-theme="light"] .brand-wordmark { font-size:17px; }
 html[data-theme="light"] .brand-mark { width:38px;height:38px; }
 html[data-theme="light"] main { padding:34px 28px 0; }
 html[data-theme="light"] .topbar { padding:0 28px; }
 html[data-theme="light"] .composer-layout { gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr); }
 html[data-theme="light"] h1 { font-size:36px; }
 html[data-theme="light"] .connection { flex-wrap:wrap; }
 html[data-theme="light"] .connection .secondary-button { min-height:38px; }
}
@media(max-width:980px) {
 html[data-theme="light"] .sidebar { width:196px; }
 html[data-theme="light"] .main-shell { margin-left:196px;width:calc(100% - 196px); }
 html[data-theme="light"] .composer-layout { grid-template-columns:minmax(0,1fr); }
 html[data-theme="light"] .preview-column { position:static;max-width:440px;width:100%;margin:24px auto 0; }
 html[data-theme="light"] .phone-preview { min-height:460px; }
 html[data-theme="light"] .help-grid { grid-template-columns:minmax(0,1fr); }
 html[data-theme="light"] .workspace-label { font-size:8px;letter-spacing:1.5px;margin-left:10px; }
 html[data-theme="light"] .nav-item { padding:13px 10px;font-size:12px;gap:10px; }
 html[data-theme="light"] .page-heading { align-items:flex-start; }
 html[data-theme="light"] .demo-label { font-size:7px;letter-spacing:.7px; }
}
@media(max-width:700px) {
 html[data-theme="light"] body { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
 html[data-theme="light"] .sidebar { display:none; }
 html[data-theme="light"] .main-shell { margin:0;width:100%; }
 html[data-theme="light"] .topbar { height:68px;padding:0 20px;position:relative; }
 html[data-theme="light"] .mobile-brand { display:flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:-.3px; }
 html[data-theme="light"] .mobile-brand img { width:32px;height:32px;border-radius:9px; }
 html[data-theme="light"] #breadcrumb { display:none; }
 html[data-theme="light"] .topbar-actions { gap:8px; }
 html[data-theme="light"] .pill { font-size:0;width:28px;height:28px;justify-content:center;gap:0;padding:0;border:0;background:none; }
 html[data-theme="light"] .pill i { width:6px;height:6px; }
 html[data-theme="light"] #install-button { width:38px;height:38px; }
 html[data-theme="light"] main { padding:29px 20px 0; }
 html[data-theme="light"] .eyebrow { font-size:8px;letter-spacing:2px;margin-bottom:13px; }
 html[data-theme="light"] h1 { font-size:35px;line-height:1.18;letter-spacing:-1.5px; }
 html[data-theme="light"] h1 em { letter-spacing:-1.1px; }
 html[data-theme="light"] .page-heading { position:relative;margin-bottom:23px;gap:10px; }
 html[data-theme="light"] .page-heading p { font-size:12px;max-width:260px;line-height:1.8; }
 html[data-theme="light"] .demo-label { position:absolute;top:0;right:0;font-size:6px;padding:6px 8px;letter-spacing:.7px;gap:4px; }
 html[data-theme="light"] .demo-label span { font-size:7px; }
 html[data-theme="light"] .notice { margin-bottom:20px;padding:13px 14px;font-size:11px;gap:10px;line-height:1.8;align-items:flex-start; }
 html[data-theme="light"] .notice-icon { margin-top:4px; }
 html[data-theme="light"] .notice div span { display:inline; }
 html[data-theme="light"] .notice .text-button { display:none; }
 html[data-theme="light"] .connection { padding:16px;gap:11px;border-radius:14px;flex-wrap:nowrap;margin-bottom:12px; }
 html[data-theme="light"] .connection h2 { font-size:12px; }
 html[data-theme="light"] .connection p { font-size:10px; }
 html[data-theme="light"] .connection-icon { width:35px;height:35px;border-radius:11px; }
 html[data-theme="light"] .connection>div:nth-child(2) { min-width:0; }
 html[data-theme="light"] .connection .secondary-button { padding:10px;font-size:10px;min-height:44px;white-space:normal;max-width:112px; }
 html[data-theme="light"] .cloud-card { padding:13px 16px 14px;border-radius:14px;margin-bottom:17px; }
 html[data-theme="light"] .cloud-card .section-heading { gap:4px; }
 html[data-theme="light"] .cloud-card .text-button { min-height:36px;font-size:10px; }
 html[data-theme="light"] .cloud-card #cloud-status { font-size:11px;margin-top:4px; }
 html[data-theme="light"] .sync-details { margin-top:4px; }
 html[data-theme="light"] .sync-details summary { min-height:32px; }
 html[data-theme="light"] .mode-switch { margin-bottom:18px; }
 html[data-theme="light"] .mode-switch button { min-height:44px;font-size:11px; }
 html[data-theme="light"] .editor-card { padding:20px 17px 0;border-radius:15px; }
 html[data-theme="light"] .section-heading { gap:8px; }
 html[data-theme="light"] .section-heading h2 { font-size:13px; }
 html[data-theme="light"] .save-status { font-size:9px; }
 html[data-theme="light"] .rich-controls { margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px; }
 html[data-theme="light"] .rich-controls .secondary-button { width:100%;min-height:46px;font-size:10px;text-align:center;padding:10px 8px; }
 html[data-theme="light"] .rich-controls .text-button,html[data-theme="light"] .rich-controls p { grid-column:1/-1; }
 html[data-theme="light"] .rich-controls p { font-size:10px;line-height:1.7; }
 html[data-theme="light"] textarea { font-size:16px;line-height:1.8;min-height:240px;padding:20px 0; }
 html[data-theme="light"] textarea::placeholder { font-size:14px; }
 html[data-theme="light"] .editor-footer { min-height:66px;font-size:9px; }
 html[data-theme="light"] .attachment-actions { gap:9px; }
 html[data-theme="light"] .attachment-button { min-height:44px;padding:10px;font-size:10px;gap:4px; }
 html[data-theme="light"] .attachment-actions .text-button { font-size:9px;min-height:44px; }
 html[data-theme="light"] .mobile-preview-trigger { display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:12px 0;border-top:1px solid #d9d0c0;background:none;color:#785720;font-size:11px;text-align:left; }
 html[data-theme="light"] .mobile-preview-trigger .ui-icon { width:17px;height:17px; }
 html[data-theme="light"] .destination-card { padding:20px 17px;border-radius:15px; }
 html[data-theme="light"] .fields-row { grid-template-columns:minmax(0,1fr); }
 html[data-theme="light"] .form-label,html[data-theme="light"] .field label { font-size:12px; }
 html[data-theme="light"] .form-input,html[data-theme="light"] .field select,html[data-theme="light"] .group-choice input[type=search] { font-size:16px;min-height:48px; }
 html[data-theme="light"] .field-note { font-size:11px;line-height:1.8; }
 html[data-theme="light"] .group-tree { max-height:390px;padding:3px 7px; }
 html[data-theme="light"] .group-choice summary { font-size:13px;min-height:58px; }
 html[data-theme="light"] .topic-choice { font-size:13px;min-height:50px;padding:13px 6px; }
 html[data-theme="light"] .group-choice .topic-search-row { flex-wrap:wrap;gap:7px; }
 html[data-theme="light"] .group-choice .topic-search-row .secondary-button { min-height:44px; }
 html[data-theme="light"] .group-tools button { min-height:44px; }
 html[data-theme="light"] .checkbox-label { font-size:12px;gap:11px;margin-top:20px; }
 html[data-theme="light"] .checkbox-label input,html[data-theme="light"] .topic-choice input { width:20px;height:20px;margin-top:2px; }
 html[data-theme="light"] .selected-chip { font-size:12px; }
 html[data-theme="light"] .selected-chip button { min-width:44px;min-height:44px; }
 html[data-theme="light"] .selected-destinations,html[data-theme="light"] .hidden-groups { font-size:12px; }
 html[data-theme="light"] .primary-button,html[data-theme="light"] .secondary-button { min-height:46px; }
 html[data-theme="light"] .action-row { position:sticky;bottom:calc(77px + env(safe-area-inset-bottom));z-index:4;background:#0b0d10eb;backdrop-filter:blur(16px);border:1px solid #55462c1f;box-shadow:0 -8px 24px #55462c22;border-radius:13px;margin:18px -5px 0;padding:9px;display:flex;flex-direction:row;align-items:center; }
 html[data-theme="light"] .action-row>.primary-button { width:100%;font-size:13px;min-height:49px;padding:14px 17px;gap:16px; }
 html[data-theme="light"] .action-row .quiet { display:none; }
 html[data-theme="light"] .preview-column { position:static;max-width:100%;margin:26px 0 0;padding:0;border-top:1px solid #d9d0c0; }
 html[data-theme="light"] .preview-heading { margin:0;min-height:65px;gap:10px;font-size:9px; }
 html[data-theme="light"] .preview-heading>span:last-child { margin-left:auto;font-size:7px; }
 html[data-theme="light"] .preview-fold-button { display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;color:#785720;font-size:11px;border-radius:8px; }
 html[data-theme="light"] .preview-column:not([data-open=true]) .phone-preview,html[data-theme="light"] .preview-column:not([data-open=true]) .preview-tip { display:none; }
 html[data-theme="light"] .phone-preview { min-height:430px;border-radius:20px; }
 html[data-theme="light"] .phone-top { padding:17px; }
 html[data-theme="light"] .phone-top strong { font-size:12px; }
 html[data-theme="light"] .chat-surface { padding:24px 12px;min-height:280px; }
 html[data-theme="light"] .chat-message p { font-size:16px;line-height:1.7; }
 html[data-theme="light"] .chat-message { padding:14px 12px 10px; }
 html[data-theme="light"] .preview-tip p { font-size:12px; }
 html[data-theme="light"] .mobile-nav { display:flex;position:fixed;inset:auto 0 0;z-index:8;gap:5px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#111419f2;backdrop-filter:blur(24px);border-top:1px solid #55462c24; }
 html[data-theme="light"] .mobile-nav button { position:relative;flex:1;min-height:51px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:none;color:#353638;border-radius:10px; }
 html[data-theme="light"] .mobile-nav button .ui-icon { width:21px;height:21px; }
 html[data-theme="light"] .mobile-nav button span { font-size:10px;font-weight:500;letter-spacing:.2px; }
 html[data-theme="light"] .mobile-nav button.active { color:#785720;background:#a987480c; }
 html[data-theme="light"] .mobile-nav button.active:before { content:'';position:absolute;top:0;width:20px;height:2px;border-radius:2px;background:#ffffff; }
 html[data-theme="light"] .toast { bottom:calc(94px + env(safe-area-inset-bottom));font-size:12px;width:max-content; }
 html[data-theme="light"] .batch-card { padding:20px 17px; }
 html[data-theme="light"] .batch-row { font-size:12px;gap:8px; }
 html[data-theme="light"] .batch-row .batch-state { font-size:10px;min-width:70px; }
 html[data-theme="light"] .batch-actions>button { min-height:46px; }
 html[data-theme="light"] .history-item { padding:20px 17px;border-radius:15px; }
 html[data-theme="light"] .history-item header { flex-direction:column;font-size:15px; }
 html[data-theme="light"] .history-item header span { font-size:10px; }
 html[data-theme="light"] .campaign-actions { flex-direction:column;align-items:stretch; }
 html[data-theme="light"] .campaign-actions .text-button { min-height:44px; }
 html[data-theme="light"] .history-item p { font-size:13px; }
 html[data-theme="light"] .page-heading>#clear-history { max-width:100px;white-space:normal;font-size:10px;padding:10px; }
 html[data-theme="light"] .history-item footer { flex-wrap:wrap; }
 html[data-theme="light"] .history-item footer button { min-height:44px; }
 html[data-theme="light"] .help-grid .card { padding:24px 20px; }
 html[data-theme="light"] footer { margin-top:28px;padding:25px 0 15px; }
 html[data-theme="light"] footer>span:nth-child(2) { display:none; }
 html[data-theme="light"] .modal-content { padding:38px 21px 23px; }
 html[data-theme="light"] .modal-content h2 { font-size:25px; }
 html[data-theme="light"] dialog { width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:18px; }
 html[data-theme="light"] .modal-content .form-input,html[data-theme="light"] .modal-content select { font-size:16px; }
 html[data-theme="light"] .modal-actions { flex-direction:column;gap:9px; }
 html[data-theme="light"] .modal-actions>button { width:100%;min-height:48px;font-size:12px; }
 html[data-theme="light"] .import-section>button { width:100%;min-height:46px; }
 html[data-theme="light"] #import-preview-text { font-size:16px; }
}
@media(max-width:370px) {
 html[data-theme="light"] main { padding-left:14px;padding-right:14px; }
 html[data-theme="light"] .topbar { padding:0 14px; }
 html[data-theme="light"] h1 { font-size:31px; }
 html[data-theme="light"] .demo-label { display:none; }
 html[data-theme="light"] .connection-icon { display:none; }
 html[data-theme="light"] .rich-controls { grid-template-columns:minmax(0,1fr); }
 html[data-theme="light"] .editor-card,html[data-theme="light"] .destination-card { padding-left:14px;padding-right:14px; }
 html[data-theme="light"] .attachment-actions { gap:4px; }
 html[data-theme="light"] .attachment-actions .text-button { padding:3px; }
 html[data-theme="light"] .save-status { font-size:8px; }
 html[data-theme="light"] .cloud-card .section-heading { align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) { html[data-theme="light"] html { scroll-behavior:auto; }html[data-theme="light"] button,html[data-theme="light"] .view { transition:none;animation:none; } }

/* Separate preview view shares the same live DOM and draft. */
html[data-theme="light"] .composer-layout { grid-template-columns:minmax(0,1fr); max-width:850px; }
html[data-theme="light"] #view-preview .preview-column { position:static; max-width:500px; width:100%; margin:0; padding:0; border:0; }
html[data-theme="light"] #view-preview .preview-fold-button { display:none; }
html[data-theme="light"] #view-preview .phone-preview,html[data-theme="light"] #view-preview .preview-tip { display:flex; }
html[data-theme="light"] .preview-back { margin-top:25px; }
@media(max-width:700px) { html[data-theme="light"] #view-preview .preview-column { max-width:100%; } html[data-theme="light"] #view-preview .preview-heading { min-height:45px; } html[data-theme="light"] .preview-back { width:100%;min-height:48px; } }
.display-select select{min-height:38px;border:1px solid #d5b77935;background:#191c21;color:#eee6d6;border-radius:9px;padding:7px;font-size:12px;max-width:110px}.display-select select:focus-visible{outline:2px solid #d5b779;outline-offset:2px}.translation-note{color:#d5b779;font-size:11px;line-height:1.6;padding:10px 12px;border:1px solid #d5b77933;border-radius:8px}.topbar-actions{flex-wrap:wrap}html[data-theme=light] .display-select select{background:#fff;color:#443a2a;border-color:#d2c4aa}html[data-theme=light] .translation-note{color:#6f5123;border-color:#d2c4aa}html[dir=rtl] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--border)}html[dir=rtl] .main-shell{margin-left:0;margin-right:238px}html[dir=rtl] .count,html[dir=rtl] .version{margin-left:0;margin-right:auto}html[dir=rtl] .nav-item{text-align:right}html[dir=rtl] textarea,html[dir=rtl] .chat-message p{unicode-bidi:plaintext}@media(min-width:1200px){.composer-layout{max-width:1100px}.form-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:0 20px;align-items:start}.form-column>.connection,.form-column>.cloud-card,.form-column>.mode-switch,.form-column>.editor-card,.form-column>.action-row,.form-column>.batch-card{grid-column:1}.form-column>.destination-card{grid-column:2;grid-row:1 / span 6;position:sticky;top:24px}.form-column>.destination-card[hidden]{display:none}.topbar{position:sticky;top:0;z-index:4}}@media(max-width:1190px){html[dir=rtl] .main-shell{margin-right:210px}}@media(max-width:980px){html[dir=rtl] .main-shell{margin-right:196px}}@media(max-width:700px){html[dir=rtl] .main-shell{margin-right:0}.display-select select{max-width:88px;font-size:11px;min-height:36px}.topbar{padding-inline:10px}.topbar-actions{gap:3px}.mobile-brand{font-size:12px;gap:5px}.pill{display:none}}

html[data-theme=light] .primary-button{background:linear-gradient(115deg,#ead3a3,#d1ae71);color:#21190d;border-color:#b99559}html[data-theme=light] .primary-button:hover:not(:disabled){background:linear-gradient(115deg,#f0dfba,#dbbd84);color:#21190d}html[data-theme=light] .primary-button span{color:#58431c}html[data-theme=light] .toast{background:#493b24;color:#fff7e8}html[data-theme=light] .group-choice summary{color:#33312c}html[data-theme=light] .topic-choice{color:#33312c}
/* High-contrast light surfaces and controls. */
.theme-toggle{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid #7a6846;background:#191c21;color:#ead5a8;border-radius:50%;font-size:20px;cursor:pointer}.theme-toggle:hover{background:#302a20}.theme-toggle:focus-visible{outline:2px solid #d5b779;outline-offset:3px}
html[data-theme=light]{color-scheme:light;--bg:#f4f1ea;--white:#fffefa;--ink:#262622;--muted:#62645f;--border:#d9d2c5;--green:#785820;--gold:#785820;--pale:#f3ecdd;--surface:#fffefa;--surface-raised:#f4f0e8;--accent-soft:#e8d7b3}
html[data-theme=light] body{background:#f4f1ea;color:#262622}
html[data-theme=light] .sidebar,html[data-theme=light] .topbar,html[data-theme=light] .mobile-nav{background:#fcfaf5;border-color:#d9d2c5;color:#3c3c38}
html[data-theme=light] .brand-wordmark,html[data-theme=light] .mobile-brand,html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] .section-heading h2{color:#262622}
html[data-theme=light] .nav-item,html[data-theme=light] .mobile-nav button{color:#555a59}
html[data-theme=light] .nav-item.active,html[data-theme=light] .mobile-nav button.active{background:#efe5d0;color:#664819;border-color:#d0bb94}
html[data-theme=light] .card,html[data-theme=light] .cloud-card,html[data-theme=light] dialog{background:#fffefa;color:#262622;border-color:#d9d2c5}
html[data-theme=light] .field-note,html[data-theme=light] .page-heading p,html[data-theme=light] .modal-content p,html[data-theme=light] .modal-content li,html[data-theme=light] .history-item p,html[data-theme=light] .checkbox-label,html[data-theme=light] .sync-details{color:#555a59}
html[data-theme=light] .secondary-button,html[data-theme=light] .attachment-button,html[data-theme=light] .icon-button,html[data-theme=light] .emoji-choice,html[data-theme=light] .saved-original,html[data-theme=light] .import-message-choice{background:#faf7f0;color:#483d2b;border-color:#cbbda6}
html[data-theme=light] .text-button,html[data-theme=light] .eyebrow,html[data-theme=light] .footer-brand b{color:#785820}
html[data-theme=light] .form-input,html[data-theme=light] select,html[data-theme=light] .field select,html[data-theme=light] .group-tree,html[data-theme=light] .group-choice input[type=search],html[data-theme=light] .modal-preview,html[data-theme=light] .batch-text{background:#fff;color:#292c2a;border-color:#cfc8bb;color-scheme:light}
html[data-theme=light] textarea,html[data-theme=light] textarea[readonly]{color:#292c2a;background:transparent;color-scheme:light}
html[data-theme=light] textarea::placeholder,html[data-theme=light] input::placeholder{color:#6b6e6a}
html[data-theme=light] .mode-switch{background:#e9e4d9;border-color:#d5ccbd}
html[data-theme=light] .mode-switch button{color:#555a59}
html[data-theme=light] .mode-switch button.selected{background:#fffdfa;color:#664819;border-color:#bfa77c}
html[data-theme=light] .group-choice summary,html[data-theme=light] .topic-choice,html[data-theme=light] .selected-chip{color:#292c2a;border-color:#ded7ca}
html[data-theme=light] .notice,html[data-theme=light] .modal-destination{background:#f8f1e2;color:#58472b;border-color:#dfcba5}
html[data-theme=light] .notice strong{color:#483719}
html[data-theme=light] .primary-button{background:#d5b779;color:#201a10;border-color:#ab8b52}
html[data-theme=light] .primary-button:hover:not(:disabled){background:#e4ca95;color:#201a10}
html[data-theme=light] .phone-preview{background:#fff;border-color:#c8b38e}
html[data-theme=light] .phone-top,html[data-theme=light] .phone-bottom{background:#f3f0ea;color:#424943;border-color:#d8d2c7}
html[data-theme=light] .phone-top strong{color:#242826}html[data-theme=light] .phone-top>div>span{color:#5b625f}
html[data-theme=light] .chat-surface{background-color:#e7ebe3;background-image:radial-gradient(#a4b19a33 .6px,transparent .6px)}
html[data-theme=light] .chat-message{background:#fff;color:#252925;border-color:#d4ddd0}
html[data-theme=light] .chat-message p{color:#252925}html[data-theme=light] .chat-message p.placeholder-text{color:#687268}
html[data-theme=light] .sender-name{color:#76561f}html[data-theme=light] .message-meta,html[data-theme=light] .chat-label{color:#647166}
html[data-theme=light] .phone-bottom>div{background:#fff;color:#606a61;border-color:#d8ded5}
html[data-theme=light] .action-row{background:#f4f1eaf2;border-color:#d8ccba}
html[data-theme=light] .theme-toggle{background:#fff;color:#58431c;border-color:#b9a780}