.evan-model-controls { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .4rem .8rem; min-width: 0; max-width: 100%; margin: 0; padding: 0; border: 0; }
.evan-model-controls [hidden] { display: none !important; }
.evan-model-main { flex: 0 1 22rem; min-width: 0; max-width: 100%; }
.evan-model-controls label { display: grid; gap: .3rem; min-width: 0; font-size: .82rem; font-weight: 600; }
.evan-model-main label { display: flex; align-items: center; gap: .5rem; }
.evan-model-controls select { width: 100%; min-width: 0; max-width: 100%; min-height: 2.75rem; border: 1px solid var(--line-strong, #626a66); border-radius: .5rem; padding: .4rem .6rem; background: var(--surface-strong, #171a18); color: var(--ink, #edf2ef); font: inherit; }
.evan-model-main select { flex: 1; }
.evan-model-advanced { min-width: 0; max-width: 100%; }
.evan-model-advanced[open] { flex-basis: 100%; }
.evan-model-controls summary { box-sizing: border-box; min-height: 2.75rem; padding: .75rem .2rem; cursor: pointer; font-size: .8rem; line-height: 1.25; }
.evan-model-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; padding: .85rem; border: 1px solid var(--line-strong, #626a66); border-radius: .6rem; }
.evan-model-controls .evan-model-toggle { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; }
.evan-model-toggle input { flex: 0 0 auto; width: auto; }
.evan-model-settings small, .evan-model-wide { grid-column: 1 / -1; }
.evan-model-settings small { font-size: .75rem; line-height: 1.5; }
.evan-model-settings button { justify-self: start; }
.evan-model-status { margin: 0; font-size: .8rem; line-height: 1.5; color: var(--muted, #b7c3bc); overflow-wrap: anywhere; }
.evan-model-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem; flex-basis: 100%; min-width: 0; }
.evan-model-feedback button { min-height: 2.75rem; }
.evan-model-controls :is(select, button, input, summary):focus-visible { outline: 3px solid var(--mint, #6ee7b7); outline-offset: 3px; }
@media (max-width: 540px) {
  .evan-model-main { flex-basis: 100%; }
  .evan-model-settings { grid-template-columns: minmax(0, 1fr); }
  .evan-model-controls select { font-size: 1rem; }
}
