.dev-ai { color: #dce4ed; min-width: 0; }
.dev-ai-section { display: grid; gap: 14px; margin: 0 0 28px; min-width: 0; }
.dev-ai-section + .dev-ai-section { border-top: 1px solid rgba(148,163,184,.15); padding-top: 26px; }
.dev-ai .panel-input { color: #dce4ed; width: 100%; min-width: 0; }
.dev-ai textarea { min-height: 110px; resize: vertical; font: inherit; }
.dev-ai-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.dev-ai label { display: grid; gap: 10px; min-width: 0; }
.dev-ai label > span { color: #cbd5e1; font-weight: 600; }
.dev-ai .dev-ai-switch { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(148,163,184,.18); border-radius: 20px; background: rgba(255,255,255,.035); cursor: pointer; }
.dev-ai .dev-ai-switch > .dev-setting-power { font-weight: 900; }
.dev-ai-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 8px 0 0; }
.dev-ai-actions .panel-button { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-ai-result { padding: 20px; border: 1px solid rgba(148,163,184,.18); border-radius: 20px; background: linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),rgba(19,28,35,.82); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.dev-ai-result p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.dev-ai-result ul { margin: 12px 0; padding-left: 22px; color: #cbd5e1; }
.dev-ai-result li + li { margin-top: 8px; }
.dev-ai-history { display: grid; gap: 14px; }
.dev-ai .panel-info-note { color: #94a3b8; font-size: 13px; }
.dev-ai-status { color: #94a3b8; min-height: 1.5em; }
.dev-ai-status[aria-busy="true"]::after { content: "…"; display: inline-block; width: 1em; margin-left: 3px; animation: devAiDots 1.5s steps(4,end) infinite; }
.dev-ai-consent { display: flex !important; flex-direction: row; align-items: flex-start; gap: 10px !important; font-size: 13px; line-height: 1.5; color: #94a3b8; }
.dev-ai-consent input { width: 17px; height: 17px; flex: 0 0 17px; margin-top: 2px; accent-color: #14634f; }
.dev-ai-announcement { margin: 20px 0 8px; }
.dev-ai-announcement select { width: auto !important; flex: 1 1 140px; }
@keyframes devAiDots { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0); } }
@media(max-width:600px) { .dev-ai-grid { grid-template-columns: 1fr; } .dev-ai .panel-input { font-size: 16px; } .dev-ai-actions .panel-button { flex: 1 1 auto; font-size: 13px; } .dev-ai-result { padding: 16px; } }
@media(prefers-reduced-motion:reduce) { .dev-ai-status[aria-busy="true"]::after { animation: none; } }