more tweaks

src/ui/styles.css

@@ -322,3 +322,20 @@ details[open] > summary > .cms-chev { transform: rotate(90deg); }
 .cms-compose textarea { flex: 1; resize: none; }
 @keyframes cms-blink { 50% { opacity: 0; } }
 @keyframes cms-spin { to { transform: rotate(360deg); } }
+
+/* AI rewrite: corner icon + popover menu */
+.cms-aiwrap { position: relative; }
+.cms-aiwrap:has(.cms-ai__corner) .cms-input { padding-right: 30px; }
+.cms-ai__corner { position: absolute; top: 3px; right: 3px; z-index: 2; }
+.cms-ai__btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; background: none; border: 0; border-radius: 5px; color: #8b8fa0; opacity: .6; }
+.cms-aiwrap:hover .cms-ai__btn, .cms-ai__btn:focus-visible, .cms-ai__btn.is-on { opacity: 1; }
+.cms-ai__btn:hover:not(:disabled), .cms-ai__btn.is-on { background: #242836; color: var(--cms-accent, #d2a24c); }
+.cms-ai__btn:disabled { opacity: .25; cursor: default; }
+.cms-ai__menu { position: absolute; right: 0; top: 26px; min-width: 170px; display: flex; flex-direction: column; padding: 4px; background: var(--cms-panel, #14161d); border: 1px solid var(--cms-line, #2a2d3a); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
+.cms-ai__menu button { background: none; border: 0; border-radius: 5px; padding: 5px 8px; text-align: left; }
+.cms-ai__menu button:hover { background: #242836; }
+
+.cms-scope { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 12px; font-size: 12px; color: #8b8fa0; border-bottom: 1px solid var(--cms-line, #2a2d3a); }
+.cms-scope b { color: var(--cms-accent, #d2a24c); font-weight: 600; }
+.cms-scope > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cms-link { background: none; border: 0; padding: 0; color: #6aa7ff; font-size: 12px; text-decoration: underline; cursor: pointer; }