#personal-ai { width:min(900px,calc(100vw - 28px)); max-height:calc(100dvh - 40px); overflow:auto; color:var(--text); background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:24px; overflow-wrap:anywhere; }
#personal-ai::backdrop { background:#0009; }
.pai-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.pai-header h2 { margin:4px 0 10px; font-size:25px; }
.pai-header button { flex-shrink:0; padding:2px 10px; font-size:20px; }
.pai-kicker { font-size:10px; letter-spacing:.14em; color:var(--accent); }
#personal-ai section { border-top:1px solid var(--border); margin:22px 0; padding-top:12px; }
#personal-ai h3 { font-size:18px; }
#personal-ai .muted,.pai-help { font-size:13px; line-height:1.6; }
#personal-ai fieldset { padding:0; margin:0; border:0; min-width:0; }
.pai-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pai-grid label { min-width:0; }
.pai-summary,.pai-message:not(:empty) { border-left:3px solid var(--accent); padding:12px; background:var(--panel-2); border-radius:8px; font-size:13px; }
.pai-message.error,.pai-test-result.error { color:var(--bad); }
.pai-check { display:flex; align-items:center; gap:8px; }
.pai-check input { width:auto; margin:0; }
.pai-actions,.pai-footer { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.pai-test-result { font-size:13px; white-space:pre-wrap; }
.pai-footer { position:sticky; bottom:0; background:var(--panel); border-top:1px solid var(--border); padding:12px 0; z-index:2; }
#personal-ai summary { cursor:pointer; font-weight:650; padding:10px 0; }
.pai-help code { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:600px) { .pai-grid { grid-template-columns:1fr; } #personal-ai { padding:16px; } .pai-header h2 { font-size:22px; } }