.capability-controls { display: contents; }
.capability-head, .capability-note { display: none; }

.creator-controls { align-items: center; flex-wrap: wrap; gap: 8px; }
.creator-controls > .select-control[data-select="model"] { min-width: 164px; max-width: 218px; white-space: nowrap; }
.creator-controls > .select-control[data-select="model"] > span:not(.control-icon) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.creator-controls > .select-control[data-select="model"] > .control-icon { color: #f6cb20; }
.creator-controls > .select-control[data-select="model"] > svg:last-child { color: #717176; }
.creator-controls [hidden], .prompt-area [hidden] { display: none !important; }

.capability-fields { display: flex; flex: 0 1 auto; flex-wrap: nowrap; align-items: center; gap: 8px; min-width: 0; }
.capability-field { display: flex; align-items: center; min-width: 0; flex: 0 0 auto; }
.capability-field > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.capability-field input, .capability-field select {
  width: 112px; min-width: 0; max-width: none; height: 32px; padding: 0 10px;
  border: 1px solid #353840; border-radius: 6px; background: #29292b; color: #f1f2f4;
  color-scheme: dark; font: 12px inherit; outline: none;
}
.capability-field input::placeholder { color: #858a94; }
.capability-field input:focus, .capability-field select:focus { border-color: #8a7826; box-shadow: 0 0 0 2px #f6cb2012; }
.capability-field--speaker input { width: 166px; }
.capability-field--speech_rate input { width: 112px; }
.capability-field--music_title input { width: 142px; }
.capability-field--music_tags input { width: 156px; }
.capability-field--face_count input { width: 166px; }
.capability-field--audio_control_mode select { width: 126px; }
.capability-field--midjourney_version select { width: 88px; }
.capability-field--midjourney_speed select { width: 96px; }

.capability-toggle {
  display: flex; flex: 0 0 auto; align-items: center; gap: 7px; min-height: 32px; padding: 0 10px;
  border: 1px solid #353840; border-radius: 6px; background: #29292b; color: #e7e8ea; cursor: pointer;
}
.capability-toggle:hover { border-color: #50545e; background: #353537; }
.capability-toggle input { width: 14px; height: 14px; margin: 0; accent-color: #f6cb20; }
.capability-toggle span { display: flex; align-items: center; gap: 5px; }
.capability-toggle strong { font-size: 11px; font-weight: 600; }
.capability-toggle small { display: none; }

/* Audio, music, and 3D settings use a dedicated row so their fields cannot push past the panel. */
.capability-controls[data-profile="audio"] .capability-fields,
.capability-controls[data-profile="music"] .capability-fields,
.capability-controls[data-profile="3d"] .capability-fields {
  order: 8; display: grid; flex: 1 0 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-top: 2px;
}
.capability-controls[data-profile="audio"] .capability-fields .capability-field input,
.capability-controls[data-profile="audio"] .capability-fields .capability-field select,
.capability-controls[data-profile="music"] .capability-fields .capability-field input,
.capability-controls[data-profile="music"] .capability-fields .capability-field select,
.capability-controls[data-profile="3d"] .capability-fields .capability-field input,
.capability-controls[data-profile="3d"] .capability-fields .capability-field select { width: 100%; }
.capability-controls[data-profile="audio"] .capability-fields { grid-template-columns: 1.45fr repeat(3, minmax(0, 1fr)); }
.capability-controls[data-profile="audio"] .capability-fields { order: -1; }
.capability-controls[data-profile="music"] .capability-fields { order: -1; grid-template-columns: 130px 130px minmax(120px, 1fr) minmax(120px, 1fr) auto; }
.capability-controls[data-profile="3d"] .capability-fields { order: -1; }
.capability-controls[data-profile="3d"] .capability-fields { grid-template-columns: 1fr 1.45fr auto; }

.prompt-area--no-upload { min-height: 112px; padding-bottom: 12px; }
.prompt-area--no-upload textarea { min-height: 82px; }
.prompt-area[data-profile="music"],
.prompt-area[data-profile="3d"] { min-height: 92px; padding-bottom: 8px; }
.prompt-area[data-profile="music"] textarea,
.prompt-area[data-profile="3d"] textarea { min-height: 60px; }

@media (max-width: 1100px) {
  .capability-fields { order: 8; display: grid; flex: 1 0 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding-top: 2px; }
  .capability-field { min-width: 0; }
  .capability-field input, .capability-field select { width: 100%; }
  .capability-toggle { min-width: 0; justify-content: center; }
  .capability-controls[data-profile="video"] .capability-fields,
  .capability-controls[data-profile="minimax-h3"] .capability-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .capability-fields,
  .capability-controls[data-profile="audio"] .capability-fields,
  .capability-controls[data-profile="music"] .capability-fields,
  .capability-controls[data-profile="3d"] .capability-fields,
  .capability-controls[data-profile="video"] .capability-fields,
  .capability-controls[data-profile="minimax-h3"] .capability-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .creator-controls > .select-control[data-select="model"] { min-width: 0; max-width: none; flex: 1 1 100%; }
  .capability-toggle { justify-content: flex-start; }
}

@media (max-width: 420px) {
  .capability-fields,
  .capability-controls[data-profile="audio"] .capability-fields,
  .capability-controls[data-profile="music"] .capability-fields,
  .capability-controls[data-profile="3d"] .capability-fields,
  .capability-controls[data-profile="video"] .capability-fields,
  .capability-controls[data-profile="minimax-h3"] .capability-fields { grid-template-columns: 1fr; }
}

.result-3d { display: grid; place-content: center; gap: 7px; width: 100%; height: 100%; min-height: 170px; background: linear-gradient(145deg, #24262b, #141519); color: #e8e8e8; text-align: center; }
.result-3d svg { width: 32px; height: 32px; margin: auto; color: #f6cb20; }
.result-3d strong { font-size: 13px; }
.result-3d small { color: #8d8f97; font-size: 10px; }
.generation-text-result { grid-column: 1 / -1; min-height: 160px; padding: 18px; border: 1px solid #353840; border-radius: 8px; background: #1c1d20; color: #e8e9ec; }
.generation-text-result > span { display: block; margin-bottom: 10px; color: #f6cb20; font-size: 12px; font-weight: 700; }
.generation-text-result pre { margin: 0; white-space: pre-wrap; font: 13px/1.7 inherit; color: #d7d9de; }

/* Settings wrap within the editor column rather than the full viewport. */
.model-editor-panel-slot .capability-fields,
.model-editor-panel-slot .capability-controls[data-profile="audio"] .capability-fields,
.model-editor-panel-slot .capability-controls[data-profile="music"] .capability-fields,
.model-editor-panel-slot .capability-controls[data-profile="3d"] .capability-fields,
.model-editor-panel-slot .capability-controls[data-profile="video"] .capability-fields,
.model-editor-panel-slot .capability-controls[data-profile="minimax-h3"] .capability-fields{display:grid;flex:1 0 100%;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;order:-1;margin:0 0 12px;padding:0;min-width:0}
.model-editor-panel-slot .capability-field{display:grid;gap:6px;min-width:0}
.model-editor-panel-slot .capability-field>span{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;color:var(--muted);font-size:11px}
.model-editor-panel-slot .capability-field input,.model-editor-panel-slot .capability-field select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.model-editor-panel-slot .capability-toggle{min-width:0;max-width:100%;align-self:end;justify-content:flex-start;min-height:34px}
.model-editor-panel-slot .capability-toggle--music_instrumental{grid-column:1/-1}
@media(max-width:420px){.model-editor-panel-slot .capability-fields{grid-template-columns:minmax(0,1fr)!important}}
.prompt-area[data-profile="image-g"]{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-areas:"upload prompt" "refs refs";align-items:start;row-gap:14px}
.prompt-area[data-profile="image-g"]:not(:has(.reference-preview)){grid-template-areas:"upload prompt"}
.prompt-area[data-profile="image-g"] #prompt{grid-area:prompt;min-width:0;width:100%}
.prompt-area[data-profile="image-g"] .upload-tile{grid-area:upload}
.prompt-area[data-profile="image-g"] .reference-previews{grid-area:refs;display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;width:100%;max-width:none;overflow:visible}
.prompt-area[data-profile="image-g"] .reference-preview{width:100%;height:auto;aspect-ratio:1;min-width:0}
.prompt-area[data-profile="image-g"] .reference-previews:empty{display:none}
@media(max-width:620px){.prompt-area[data-profile="image-g"]{grid-template-columns:76px minmax(0,1fr)}}
.model-editor-panel-slot .capability-controls[data-profile="image-g"] .capability-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Image G options occupy their own row in both home and independent tools. */
.capability-controls[data-profile="image-g"] .capability-fields{order:-1;display:grid;flex:1 0 100%;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;margin-bottom:12px}
.capability-controls[data-profile="image-g"] .capability-field{display:grid;gap:6px;min-width:0}
.capability-controls[data-profile="image-g"] .capability-field>span{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;color:var(--muted);font-size:11px}
.capability-controls[data-profile="image-g"] .capability-field input,.capability-controls[data-profile="image-g"] .capability-field select,.capability-controls[data-profile="image-g"] .capability-field textarea{width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:720px){.capability-controls[data-profile="image-g"] .capability-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}