#home-view .crew-entry-grid:has(.crew-entry-ai) {
  grid-template-columns: minmax(0,1.65fr) repeat(2,minmax(0,1fr));
  align-items: stretch;
}
#home-view .crew-entry > :is(.crew-entry-bottom,.public-crew-footer) {
  margin-top: auto;
  align-items: flex-end;
  flex-wrap: wrap;
}
#home-view .crew-entry-ai h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
}
#home-view .crew-entry-ai h3 svg { width: 17px; height: 17px; color: var(--violet); }
#home-view .crew-entry-ai .crew-entry-action {
  width: 100%;
  border-radius: 16px;
  background: var(--crew-control);
  color: var(--crew-ink);
}
#home-view .crew-entry-ai .crew-entry-bottom,
#home-view .crew-entry-private .crew-entry-bottom { width: 100%; }

body[data-app-page="ai-practice"] > :is(.app-sidebar,.topbar,.app-tabbar,#page-title) { display: none !important; }
body[data-app-page="ai-practice"] > main { width: auto; max-width: none; margin: 0; padding: 0 30px 48px; }
#ai-practice-view { max-width: 1050px; margin: 0 auto; }
#ai-practice-view :is(form,article) { padding: 24px; }
#ai-practice-view :is(fieldset,ol,ul) { margin-block: 0 20px; }
#ai-practice-view fieldset { border: 0; padding: 0; min-width: 0; }
#ai-practice-view legend { margin-bottom: 10px; font-weight: 650; }
#ai-practice-view label { display: block; padding: 8px 0; }
#ai-practice-view input { margin-right: 8px; }
#ai-character-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(175px,1fr)); gap: 0 12px; }
#ai-practice-view textarea { width: 100%; min-height: 88px; resize: vertical; }
#ai-practice-view .ai-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
#ai-practice-view #ai-response { padding: 0; }
#ai-practice-view #ai-conversation li { margin-bottom: 12px; }
#ai-practice-view #ai-conversation p { margin: 3px 0 0; }
#ai-practice-view #ai-status:empty { display: none; }
@media (max-width: 1000px) {
  #home-view .crew-entry-grid:has(.crew-entry-ai) { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #home-view .crew-entry-public .crew-entry-action { margin-inline-start: 0; }
}
@media (max-width: 720px) {
  #home-view .crew-entry-grid:has(.crew-entry-ai) { grid-template-columns: 1fr; }
  body[data-app-page="ai-practice"] > main { padding-inline: 16px; }
}