/* «كاتب برزنتا» inside the smart builder (js/ai-writer.js). Preznta blues, the studio's quiet surfaces. */
#ai-builder-modal { --aw-ink: #0f1a22; --aw-muted: #6b7984; --aw-line: #e3e9ee; --aw-soft: #f6f8fa; --aw-blue: #0b57ff; --aw-blue-2: #0091fa; --aw-blue-3: #01cbfb; --aw-tint: #eef4ff; }

/* the switch between the author's own content and the writer */
#ai-builder-modal .aw-switch { display: inline-flex; align-self: center; gap: 4px; padding: 4px; border-radius: 999px; background: #f2f5f8; box-shadow: inset 0 0 0 1px #e8edf1; }
#ai-builder-modal .aw-switch button { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border: 0; border-radius: 999px; background: transparent; color: #5b6976; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s, box-shadow .2s; }
#ai-builder-modal .aw-switch button svg { width: 16px; height: 16px; }
#ai-builder-modal .aw-switch button small { padding: 2px 7px; border-radius: 999px; background: linear-gradient(135deg, var(--aw-blue), var(--aw-blue-3)); color: #fff; font-size: 10px; font-weight: 700; }
#ai-builder-modal .aw-switch button[aria-selected="true"] { background: #fff; color: var(--aw-ink); box-shadow: 0 4px 14px #0b1a2a14; }
#ai-builder-modal .aw-switch button:focus-visible { outline: 2px solid var(--aw-blue); outline-offset: 2px; }
#ai-builder-modal[data-compose="writer"] :is(.ai-studio-intro, .ai-prompt-shell, .ai-intent-shell, .ai-understanding) { display: none !important; }
#ai-builder-modal:not([data-phase="compose"]) :is(.aw-switch, .ai-writer, .aw-flash) { display: none !important; }

/* the writer */
#ai-builder-modal .ai-writer { display: grid; gap: 14px; }
#ai-builder-modal .ai-writer[hidden] { display: none; }
#ai-builder-modal .ai-writer svg { flex: none; }
#ai-builder-modal .aw-head { display: flex; align-items: center; gap: 12px; }
#ai-builder-modal .aw-head h3 { margin: 0; font-size: 19px; font-weight: 800; color: var(--aw-ink); letter-spacing: -.2px; }
#ai-builder-modal .aw-head p { margin: 2px 0 0; font-size: 12.5px; color: var(--aw-muted); }
#ai-builder-modal .aw-mark { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 13px; background: var(--aw-tint); box-shadow: inset 0 0 0 1px #dbe7ff; }
#ai-builder-modal .aw-mark svg { width: 26px; height: 26px; }
#ai-builder-modal .aw-free { margin-inline-start: auto; padding: 5px 10px; border-radius: 999px; background: #eaf8f0; color: #0f7a43; font-size: 11px; font-weight: 700; white-space: nowrap; }

#ai-builder-modal .aw-tasks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
#ai-builder-modal .aw-task { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; row-gap: 2px; align-items: center; padding: 12px 14px; border: 1px solid var(--aw-line); border-radius: 16px; background: #fff; color: var(--aw-ink); font: inherit; text-align: start; cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s; }
#ai-builder-modal .aw-task:hover:not(:disabled) { border-color: #c9d6e2; }
#ai-builder-modal .aw-task-icon { grid-row: span 2; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--aw-soft); color: var(--aw-blue); }
#ai-builder-modal .aw-task-icon svg { width: 18px; height: 18px; }
#ai-builder-modal .aw-task strong { font-size: 13.5px; font-weight: 800; }
#ai-builder-modal .aw-task small { font-size: 11.5px; color: var(--aw-muted); line-height: 1.5; }
#ai-builder-modal .aw-task[aria-checked="true"] { border-color: color-mix(in srgb, var(--aw-blue) 55%, #fff); background: linear-gradient(180deg, #f5f9ff, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--aw-blue) 12%, transparent); }
#ai-builder-modal .aw-task[aria-checked="true"] .aw-task-icon { background: linear-gradient(135deg, var(--aw-blue), var(--aw-blue-2)); color: #fff; }

#ai-builder-modal .aw-brief-shell { border-radius: 20px; background: #fff; box-shadow: 0 0 0 1px #dfe6ec, 0 14px 40px #0b1a2a0d; transition: box-shadow .2s; }
#ai-builder-modal .aw-brief-shell:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--aw-blue) 55%, #fff), 0 18px 50px color-mix(in srgb, var(--aw-blue) 14%, transparent); }
#ai-builder-modal .aw-label { display: block; padding: 14px 20px 0; font-size: 13px; font-weight: 700; color: var(--aw-ink); }
#ai-builder-modal .aw-brief { display: block; width: 100%; min-height: 104px; padding: 8px 20px 14px; border: 0; outline: 0; resize: vertical; background: transparent; color: #1d2b35; font: inherit; font-size: 15px; line-height: 1.8; }
#ai-builder-modal .aw-brief-shell.is-long .aw-brief { min-height: 210px; }
#ai-builder-modal .aw-brief-meta { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 9px 18px; border-top: 1px solid #f0f3f6; border-radius: 0 0 20px 20px; background: #fafbfc; color: #7c8994; font-size: 11px; }
#ai-builder-modal .aw-brief-meta span:first-child { display: inline-flex; align-items: center; gap: 6px; }
#ai-builder-modal .aw-brief-meta svg { width: 13px; height: 13px; }

#ai-builder-modal .aw-options { display: grid; gap: 10px; padding: 12px 14px; border-radius: 18px; background: var(--aw-soft); }
#ai-builder-modal .aw-opt { display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 8px; }
#ai-builder-modal .aw-opt > span { font-size: 12px; font-weight: 700; color: #4b5a66; }
#ai-builder-modal .aw-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#ai-builder-modal .aw-chips button { height: 30px; padding: 0 12px; border: 1px solid var(--aw-line); border-radius: 999px; background: #fff; color: #3d4b56; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
#ai-builder-modal .aw-chips button:hover { border-color: #c9d6e2; }
#ai-builder-modal .aw-chips button[aria-checked="true"] { border-color: var(--aw-blue); background: var(--aw-blue); color: #fff; }

#ai-builder-modal .aw-go-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#ai-builder-modal .aw-go { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 22px; border: 0; border-radius: 14px; background: linear-gradient(135deg, var(--aw-blue), var(--aw-blue-2)); color: #fff; font: inherit; font-size: 14.5px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 26px color-mix(in srgb, var(--aw-blue) 30%, transparent); transition: transform .15s, box-shadow .2s, opacity .2s; }
#ai-builder-modal .aw-go:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 14px 32px color-mix(in srgb, var(--aw-blue) 40%, transparent); }
#ai-builder-modal .aw-go svg { width: 18px; height: 18px; }
#ai-builder-modal :is(.aw-go, .aw-task, .aw-tool, .aw-icon, .aw-back, .aw-fix):disabled { opacity: .5; cursor: default; }
#ai-builder-modal .aw-link { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 10px; border: 0; border-radius: 10px; background: transparent; color: var(--aw-blue); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
#ai-builder-modal .aw-link:hover { background: var(--aw-tint); }
#ai-builder-modal .aw-link svg { width: 15px; height: 15px; }

#ai-builder-modal .aw-drafts h4, #ai-builder-modal .aw-sources h4 { display: flex; align-items: center; gap: 6px; margin: 4px 0 8px; font-size: 12px; font-weight: 700; color: #4b5a66; }
#ai-builder-modal .aw-drafts h4 svg, #ai-builder-modal .aw-sources h4 svg { width: 14px; height: 14px; color: var(--aw-blue); }
#ai-builder-modal .aw-drafts ul, #ai-builder-modal .aw-sources ul, #ai-builder-modal .aw-issues ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
#ai-builder-modal .aw-drafts ul { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
#ai-builder-modal .aw-drafts li { display: flex; align-items: stretch; border: 1px solid var(--aw-line); border-radius: 13px; background: #fff; overflow: hidden; }
#ai-builder-modal .aw-draft-open { flex: 1; min-width: 0; display: grid; gap: 2px; padding: 9px 12px; border: 0; background: transparent; font: inherit; text-align: start; cursor: pointer; }
#ai-builder-modal .aw-draft-open:hover { background: var(--aw-soft); }
#ai-builder-modal .aw-draft-open strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; color: var(--aw-ink); }
#ai-builder-modal .aw-draft-open small { font-size: 11px; color: var(--aw-muted); }
#ai-builder-modal .aw-draft-remove { width: 36px; border: 0; border-inline-start: 1px solid #f0f3f6; background: transparent; color: #9aa6b0; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
#ai-builder-modal .aw-draft-remove svg { width: 14px; height: 14px; }
#ai-builder-modal .aw-draft-remove:hover { color: #c62828; background: #fff4f4; }
#ai-builder-modal .aw-draft-remove.is-asking { width: 52px; color: #fff; background: #d93636; }

/* working */
#ai-builder-modal .aw-busy { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 4px 12px; padding: 14px 16px; border-radius: 18px; background: linear-gradient(135deg, #f3f7ff, #f2fbff); box-shadow: inset 0 0 0 1px #dbe7ff; }
#ai-builder-modal .aw-busy strong { display: block; font-size: 13.5px; color: var(--aw-ink); }
#ai-builder-modal .aw-busy small { font-size: 11.5px; color: var(--aw-muted); }
#ai-builder-modal .aw-busy-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #fff; box-shadow: 0 6px 16px #0b57ff1f; animation: aw-breathe 1.8s ease-in-out infinite; }
#ai-builder-modal .aw-busy-mark svg { width: 24px; height: 24px; animation: aw-spin 6s linear infinite; }
#ai-builder-modal .aw-lines { grid-column: 1 / -1; display: grid; gap: 7px; margin-top: 8px; }
#ai-builder-modal .aw-lines i { display: block; height: 8px; border-radius: 99px; background: linear-gradient(90deg, #dce8ff 0%, #f1f6ff 40%, #dce8ff 80%); background-size: 200% 100%; animation: aw-shimmer 1.4s linear infinite; }
#ai-builder-modal .aw-lines i:nth-child(1) { width: 72%; } #ai-builder-modal .aw-lines i:nth-child(2) { width: 94%; animation-delay: .15s; } #ai-builder-modal .aw-lines i:nth-child(3) { width: 60%; animation-delay: .3s; } #ai-builder-modal .aw-lines i:nth-child(4) { width: 82%; animation-delay: .45s; }
#ai-builder-modal .aw-cancel { grid-row: 1; grid-column: 3; height: 32px; padding: 0 12px; border: 1px solid var(--aw-line); border-radius: 10px; background: #fff; color: #4b5a66; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
@keyframes aw-shimmer { to { background-position: -200% 0; } }
@keyframes aw-breathe { 50% { transform: scale(1.06); } }
@keyframes aw-spin { to { transform: rotate(360deg); } }

/* the draft */
#ai-builder-modal .aw-bar { display: flex; align-items: center; gap: 12px; }
#ai-builder-modal .aw-back { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 1px solid var(--aw-line); border-radius: 11px; background: #fff; color: #3d4b56; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
#ai-builder-modal .aw-back svg { width: 15px; height: 15px; }
#ai-builder-modal .aw-title { min-width: 0; flex: 1; display: grid; }
#ai-builder-modal .aw-title strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15.5px; font-weight: 800; color: var(--aw-ink); }
#ai-builder-modal .aw-title small { font-size: 11.5px; color: var(--aw-muted); }
#ai-builder-modal .aw-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap; }
#ai-builder-modal .aw-badge svg { width: 16px; height: 16px; }
#ai-builder-modal .aw-badge.is-perfect { background: #e8f8ef; color: #0d7a42; box-shadow: inset 0 0 0 1px #bfe8d0; }
#ai-builder-modal .aw-badge.is-wait { background: #eef4ff; color: #0a4fe0; box-shadow: inset 0 0 0 1px #cfdeff; }
#ai-builder-modal .aw-badge.is-warn { background: #fff7e6; color: #8a5a00; box-shadow: inset 0 0 0 1px #f4dfae; }
#ai-builder-modal .aw-badge.is-error { background: #fff0f0; color: #b42318; box-shadow: inset 0 0 0 1px #f6c9c6; }

#ai-builder-modal .aw-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#ai-builder-modal .aw-tool { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 11px; border: 1px solid var(--aw-line); border-radius: 11px; background: #fff; color: #33424e; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; transition: border-color .15s, background .15s; }
#ai-builder-modal .aw-tool:hover:not(:disabled), #ai-builder-modal .aw-tool[aria-expanded="true"] { border-color: color-mix(in srgb, var(--aw-blue) 45%, #fff); background: #f7faff; }
#ai-builder-modal .aw-tool svg { width: 15px; height: 15px; color: var(--aw-blue); }
#ai-builder-modal .aw-tool .aw-caret { width: 12px; height: 12px; color: #9aa6b0; }
#ai-builder-modal .aw-menu { position: relative; }
#ai-builder-modal .aw-pop { position: absolute; inset-inline-start: 0; top: calc(100% + 6px); z-index: 5; min-width: 150px; display: grid; padding: 6px; border-radius: 13px; background: #fff; box-shadow: 0 16px 40px #0b1a2a26, 0 0 0 1px #e6ebef; }
#ai-builder-modal .aw-pop[hidden] { display: none; }
#ai-builder-modal .aw-pop button { height: 34px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: #253441; font: inherit; font-size: 13px; font-weight: 600; text-align: start; cursor: pointer; }
#ai-builder-modal .aw-pop button:hover, #ai-builder-modal .aw-pop button:focus-visible { background: var(--aw-tint); color: var(--aw-blue); outline: 0; }
#ai-builder-modal .aw-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #4b5a66; cursor: pointer; }
#ai-builder-modal .aw-icon:hover:not(:disabled) { background: #f2f5f8; }
#ai-builder-modal .aw-icon svg { width: 17px; height: 17px; }

#ai-builder-modal .aw-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#ai-builder-modal .aw-history { display: flex; gap: 2px; }
#ai-builder-modal .aw-views { display: inline-flex; gap: 4px; padding: 3px; border-radius: 12px; background: #f2f5f8; }
#ai-builder-modal .aw-views button { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 13px; border: 0; border-radius: 9px; background: transparent; color: #5b6976; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
#ai-builder-modal .aw-views button svg { width: 15px; height: 15px; }
#ai-builder-modal .aw-views button[aria-selected="true"] { background: #fff; color: var(--aw-ink); box-shadow: 0 2px 8px #0b1a2a14; }

#ai-builder-modal .aw-panel { position: relative; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px #dfe6ec, 0 12px 34px #0b1a2a0b; }
#ai-builder-modal .aw-panel.is-busy > :not(.aw-busy) { opacity: .35; pointer-events: none; }
#ai-builder-modal .aw-panel > .aw-busy { position: absolute; inset-inline: 16px; top: 16px; box-shadow: 0 14px 40px #0b1a2a1f, inset 0 0 0 1px #dbe7ff; }
#ai-builder-modal .aw-draft { display: block; width: 100%; height: clamp(260px, 42vh, 460px); padding: 16px 20px; border: 0; outline: 0; resize: vertical; border-radius: 18px; background: transparent; color: #1d2b35; font: inherit; font-size: 14.5px; line-height: 26px; }
#ai-builder-modal .aw-panel:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, var(--aw-blue) 50%, #fff), 0 12px 34px #0b1a2a0b; }

#ai-builder-modal .aw-outline { list-style: none; margin: 0; padding: 14px; display: grid; gap: 8px; max-height: clamp(260px, 42vh, 460px); overflow: auto; }
#ai-builder-modal .aw-page { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 11px 12px; border-radius: 14px; background: var(--aw-soft); }
#ai-builder-modal .aw-page.is-cover { background: linear-gradient(135deg, #eef4ff, #ecfaff); }
#ai-builder-modal .aw-page-n { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #fff; color: var(--aw-blue); font-size: 12px; font-weight: 800; box-shadow: inset 0 0 0 1px #dfe7f3; }
#ai-builder-modal .aw-page-body { min-width: 0; display: grid; gap: 6px; }
#ai-builder-modal .aw-page-head { display: flex; align-items: center; gap: 8px; }
#ai-builder-modal .aw-page-head strong { flex: 1; min-width: 0; font-size: 13.5px; color: var(--aw-ink); }
#ai-builder-modal .aw-page-head em { flex: none; padding: 3px 9px; border-radius: 999px; background: #fff; color: var(--aw-blue); font-size: 11px; font-weight: 800; font-style: normal; box-shadow: inset 0 0 0 1px #d6e3ff; }
#ai-builder-modal .aw-page ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; }
#ai-builder-modal .aw-page li { display: grid; grid-template-columns: 74px 1fr; gap: 8px; font-size: 12px; line-height: 1.6; color: #3d4b56; }
#ai-builder-modal .aw-page li b { color: #8a96a1; font-weight: 600; font-size: 11px; }
#ai-builder-modal .aw-page li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ai-builder-modal .aw-page-wait { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: #8a5a00; }
#ai-builder-modal .aw-page-wait svg { width: 12px; height: 12px; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-page-wait { color: #f2c46b; }
#ai-builder-modal .aw-page li.aw-more { display: block; color: var(--aw-muted); }
#ai-builder-modal .aw-outline mark, #ai-builder-modal .aw-empty mark { padding: 0 4px; border-radius: 5px; background: #fff1c2; color: #7a5200; }
#ai-builder-modal .aw-empty { padding: 30px; text-align: center; color: var(--aw-muted); }

#ai-builder-modal .aw-issues { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: 16px; background: var(--aw-soft); }
#ai-builder-modal .aw-issues ul { flex: 1; min-width: 240px; }
#ai-builder-modal .aw-issues li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #3d4b56; }
#ai-builder-modal .aw-issues li svg { width: 15px; height: 15px; color: #8a96a1; }
#ai-builder-modal .aw-issues li.is-error svg { color: #d93636; }
#ai-builder-modal .aw-issues li.is-warn svg { color: #d48a00; }
#ai-builder-modal .aw-issues li span { flex: 1; }
#ai-builder-modal .aw-issues li button { height: 26px; padding: 0 9px; border: 0; border-radius: 8px; background: #fff; color: var(--aw-blue); font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; box-shadow: inset 0 0 0 1px #dfe7f3; }
#ai-builder-modal .aw-fix { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 13px; border: 0; border-radius: 11px; background: var(--aw-ink); color: #fff; font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
#ai-builder-modal .aw-fix svg { width: 15px; height: 15px; }
#ai-builder-modal .aw-note { display: flex; gap: 8px; margin: 0; padding: 10px 14px; border-radius: 14px; background: #f4f8ff; color: #253441; font-size: 12.5px; line-height: 1.7; }
#ai-builder-modal .aw-note svg { width: 16px; height: 16px; margin-top: 3px; color: var(--aw-blue); }
#ai-builder-modal .aw-sources ul { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
#ai-builder-modal .aw-sources a { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; padding: 8px 11px; border: 1px solid var(--aw-line); border-radius: 12px; background: #fff; text-decoration: none; }
#ai-builder-modal .aw-sources a:hover { border-color: color-mix(in srgb, var(--aw-blue) 45%, #fff); }
#ai-builder-modal .aw-sources a svg { grid-row: span 2; width: 14px; height: 14px; margin-top: 3px; color: var(--aw-blue); }
#ai-builder-modal .aw-sources a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; font-weight: 700; color: var(--aw-ink); }
#ai-builder-modal .aw-sources a small { font-size: 11px; color: var(--aw-muted); direction: ltr; text-align: end; }
#ai-builder-modal .aw-secondary { display: flex; flex-wrap: wrap; gap: 6px; }
#ai-builder-modal .ai-modal-foot { position: relative; }
#ai-builder-modal .aw-flash { position: absolute; inset-inline: 24px; bottom: calc(100% + 10px); z-index: 6; box-shadow: 0 10px 30px #0b1a2a24; margin: 0; padding: 9px 14px; border-radius: 12px; background: #eaf8f0; color: #0d6b3a; font-size: 12.5px; font-weight: 600; }
#ai-builder-modal .aw-flash[data-tone="error"] { background: #fff4e5; color: #8a4b00; }
#ai-builder-modal .aw-flash[hidden] { display: none; }

/* the builder's button speaks for the writer */
#ai-builder-modal #ai-generate-btn[data-writer="empty"] { opacity: .55; }
#ai-builder-modal #ai-generate-btn.aw-pulse { animation: aw-pulse 1.4s ease-out 2; }
@keyframes aw-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--aw-blue) 55%, transparent); } 100% { box-shadow: 0 0 0 16px transparent; } }

@media (max-width: 720px) {
  #ai-builder-modal .aw-tasks { grid-template-columns: 1fr; }
  #ai-builder-modal .aw-opt { grid-template-columns: 1fr; }
  #ai-builder-modal .aw-bar { flex-wrap: wrap; }
  #ai-builder-modal .aw-free { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #ai-builder-modal :is(.aw-busy-mark, .aw-busy-mark svg, .aw-lines i, #ai-generate-btn.aw-pulse) { animation: none; }
}

/* «ليل» */
html[data-editor-theme=midnight] #ai-builder-modal { --aw-ink: #f1f1f2; --aw-muted: #a3a3a8; --aw-line: #3a3a3e; --aw-soft: #1f1f21; --aw-tint: #141b2c; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-switch, .aw-views) { background: #1f1f21; box-shadow: inset 0 0 0 1px #2e2e32; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-switch, .aw-views) button { color: #a3a3a8; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-switch, .aw-views) button[aria-selected="true"] { background: #2b2b2f; color: #f1f1f2; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-task, .aw-brief-shell, .aw-chips button, .aw-tool, .aw-back, .aw-drafts li, .aw-sources a, .aw-panel, .aw-pop, .aw-cancel, .aw-page-n, .aw-page-head em, .aw-issues li button) { background: #19191b; color: #d6d6d9; border-color: #3a3a3e; box-shadow: none; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-task[aria-checked="true"] { background: #141b2c; border-color: #2f4673; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-chips button[aria-checked="true"] { background: var(--aw-blue); border-color: var(--aw-blue); color: #fff; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-brief, .aw-draft) { color: #f1f1f2; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-brief-meta { background: #1f1f21; border-color: #2e2e32; color: #a3a3a8; }
html[data-editor-theme=midnight] #ai-builder-modal :is(.aw-busy, .aw-note, .aw-page.is-cover) { background: #141b2c; box-shadow: inset 0 0 0 1px #2f4673; color: #d6d6d9; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-page li { color: #d6d6d9; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-busy-mark { background: #19191b; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-lines i { background: linear-gradient(90deg, #1d2a45 0%, #2a3a5e 40%, #1d2a45 80%); background-size: 200% 100%; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-tool svg, html[data-editor-theme=midnight] #ai-builder-modal .aw-link { color: #8fb6ff; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-fix { background: #f1f1f2; color: #0c0c0d; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-badge.is-perfect { background: #10291c; color: #7ee2a8; box-shadow: inset 0 0 0 1px #1f5a3a; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-badge.is-wait { background: #141b2c; color: #8fb6ff; box-shadow: inset 0 0 0 1px #2f4673; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-badge.is-warn { background: #2b2210; color: #f2c46b; box-shadow: inset 0 0 0 1px #5a4718; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-badge.is-error { background: #2d1414; color: #ff9b94; box-shadow: inset 0 0 0 1px #5e2523; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-free { background: #10291c; color: #7ee2a8; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-flash { background: #10291c; color: #7ee2a8; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-flash[data-tone="error"] { background: #2b2210; color: #f2c46b; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-opt > span { color: #a3a3a8; }
html[data-editor-theme=midnight] #ai-builder-modal .aw-mark { background: #141b2c; box-shadow: inset 0 0 0 1px #2f4673; }