.personal-ai-header { border:1px solid #bca267; background:#24352e; color:#f4e5bf; border-radius:4px; padding:8px 13px; white-space:nowrap; font:600 11px var(--sans); }
.personal-ai-entry,.personal-ai-desk { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9px 16px; }
.personal-ai-entry { padding:13px 28px; background:#eee5d5; border-bottom:1px solid var(--line); }
.personal-ai-entry span,.personal-ai-desk span { font-size:11px; color:var(--muted); }
.personal-ai-entry .text-button { font-size:11px; }
.personal-ai-desk { margin:10px 0 18px; }
.personal-ai-reconnect { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; margin:0 0 18px; padding:17px 20px; background:#ede0bf; border:1px solid #b48738; border-radius:4px; color:#293b2d; }
.personal-ai-reconnect>div { flex:1; min-width:200px; }
.personal-ai-reconnect strong { font-size:14px; }
.personal-ai-reconnect p { margin-top:5px; font-size:12px; line-height:1.6; }
.personal-ai-reconnect[data-kind="ai"] { background:#e4ebe0; border-color:#789477; }
.personal-ai-reconnect[data-kind="fallback"] { background:#f4e2d9; border-color:#ad6454; }
.file-version-guide { margin:18px auto; max-width:1100px; }
.personal-ai-dialog { width:min(560px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); padding:22px; border:1px solid #b9a67d; border-radius:7px; background:#f6f0e4; color:#182f27; box-shadow:0 28px 90px #0009; }
.personal-ai-dialog::backdrop { background:#0b1716cf; backdrop-filter:blur(5px); }
.personal-ai-heading { display:flex; justify-content:space-between; gap:15px; align-items:start; }
.personal-ai-heading h2 { margin:7px 0 12px; font:36px/1 var(--display); text-transform:uppercase; }
.personal-ai-heading>button { border:1px solid #9d9b85; background:transparent; color:inherit; border-radius:4px; width:36px; height:36px; font-size:25px; }
.personal-ai-dialog>p { font-size:13px; line-height:1.6; margin:0 0 14px; }
.personal-ai-dialog label { display:block; font-size:12px; font-weight:600; margin:12px 0 6px; }
.personal-ai-dialog input,.personal-ai-dialog select { width:100%; min-height:44px; border:1px solid #aaa992; border-radius:4px; background:#fffcf5; color:#182f27; font-size:14px; padding:10px 12px; }
.personal-ai-dialog a { color:#245649; text-underline-offset:3px; }
.personal-ai-help { font-size:12px; line-height:1.6; margin:6px 0 10px; }
.personal-ai-privacy { padding:11px 15px; border-left:3px solid #b48738; background:#e9e2d2; margin:14px 0; }
.personal-ai-privacy strong { font-size:12px; }
.personal-ai-privacy p { font-size:12px; line-height:1.6; margin:6px 0 0; }
#personal-ai-status { font-size:13px; line-height:1.5; color:#8f3127; }
#personal-ai-status[data-kind="success"] { color:#245649; }
.personal-ai-test { margin-top:13px; }
.personal-ai-solo { padding:12px 14px; margin:14px 0; border:1px solid #c5b58c; border-radius:4px; background:#eee5d5; }
.personal-ai-dialog .personal-ai-solo-choice { display:flex; gap:10px; align-items:flex-start; margin:0; line-height:1.6; }
.personal-ai-dialog .personal-ai-solo-choice input { flex:none; width:18px; min-height:18px; margin:1px 0 0; padding:0; accent-color:#245649; }
.personal-ai-solo .personal-ai-help { margin-bottom:0; }
.personal-ai-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; padding-top:12px; border-top:1px solid #d4cdbb; position:sticky; bottom:0; background:#f6f0e4; }
@media(max-width:600px) { .header-right { gap:12px; }.personal-ai-header { padding:8px 10px; font-size:10px; }.personal-ai-dialog { padding:22px; }.personal-ai-entry { padding:12px 23px; }.personal-ai-actions .button { flex:1; white-space:nowrap; } }