.growth-root { max-width: 1400px; margin: 0 auto; }
.growth-queue { display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 16px; margin: 24px 0; }
.growth-card { border: 1px solid #584c3f; background: #211d21; border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.growth-card.selected { border-color: #ff6a00; }
.growth-card h3,.growth-card p { margin: 0; overflow-wrap: anywhere; }
.growth-card img { width: 100%; height: 170px; object-fit: contain; background: #f5e6d0; border-radius: 6px; }
.growth-feedback { border-left: 3px solid #ff6a00; padding-left: 10px; }
.growth-section { border: 1px solid #584c3f; border-radius: 8px; margin: 16px 0; }
.growth-section summary { padding: 16px; cursor: pointer; line-height: 1.6; }
.growth-section-body { padding: 0 18px 18px; }
.growth-field { display: flex; flex-direction: column; gap: 8px; margin: 14px 0; font: 14px/1.5 Arial,sans-serif; }
.growth-field input,.growth-field textarea,.growth-field select { font: 16px/1.5 Arial,sans-serif; width: 100%; min-height: 44px; color: #f5e6d0; background: #151217; border: 1px solid #71624f; border-radius: 6px; padding: 10px 12px; box-sizing: border-box; }
.growth-field input[type=checkbox] { width: 24px; height: 24px; min-height: 24px; accent-color: #ff6a00; }
.growth-field:has(input[type=checkbox]) { flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.growth-field input:focus-visible,.growth-field textarea:focus-visible,.growth-field select:focus-visible { outline: 2px solid #ff6a00; outline-offset: 2px; }
.growth-source { border-left: 2px solid #71624f; margin: 20px 0; padding-left: 16px; }
.growth-variants { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 16px; margin-top: 18px; }
.growth-variant { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.growth-variant img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #f5e6d0; }
.growth-variant small { overflow-wrap: anywhere; }
.growth-editor { scroll-margin-top: 80px; }
.growth-preview { border: 2px solid #ff6a00; border-radius: 10px; padding: 20px; margin: 24px 0; scroll-margin-top: 80px; }
.growth-root .btn { min-height: 44px; white-space: normal; line-height: 1.6; }
.growth-root p,.growth-root li { line-height: 1.7; }
.growth-root .mp-actions { flex-wrap: wrap; }
.growth-research-controls { border: 0; margin: 0; padding: 0; min-width: 0; }
.growth-research-controls:disabled { opacity: .65; }
.growth-source a { color: #ffb76b; overflow-wrap: anywhere; }
.growth-source small { line-height: 1.7; display: block; }
.growth-section summary { overflow-wrap: anywhere; }
.growth-artwork-preview { display: block; width: min(100%,480px); max-height: 350px; object-fit: contain; background: #fff; padding: 12px; border-radius: 8px; box-sizing: border-box; }
.creative-variants { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px; }
.creative-variant,.creative-result { min-width:0;border:1px solid #584c3f;border-radius:8px;padding:16px;margin:16px 0;background:#211d21; }
.creative-url { overflow-wrap:anywhere; }
.creative-result dl { display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,1fr);gap:8px 16px; }
.creative-result dt,.creative-result dd { margin:0;overflow-wrap:anywhere; }
@media(max-width:600px) { .growth-queue { grid-template-columns: 1fr; } .growth-root .mp-row { flex-direction: column; align-items: stretch; } .growth-section-body { padding: 0 12px 12px; } .growth-root .mp-actions .btn { flex: 1 1 100%; } .mp-tabs { flex-wrap: wrap; } }