.fal-playground-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.fal-playground-layout > *, .fal-playground-layout form { min-width: 0; }
.fal-model-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.fal-model-field { min-width: 0; margin: 0; }
.fal-model-field:has(textarea), .fal-model-field:has(input[type="file"]) { grid-column: 1 / -1; }
.fal-model-field .help-text { display: block; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; margin: 7px 0; max-height: 8em; overflow-y: auto; }
.fal-model-field input, .fal-model-field select, .fal-model-field textarea { width: 100%; min-width: 0; }
.fal-model-field input[type="file"] { font-size: 12px; margin-top: 6px; padding: 10px; }
.fal-model-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0; }
.fal-playground-layout .section { margin-bottom: 20px; }
.fal-model-status { white-space: pre-wrap; overflow-wrap: anywhere; color: #37624f; }
.fal-model-status.is-error { color: #b4233b; }
.fal-model-endpoint, #requestId { font: 12px/1.5 monospace; overflow-wrap: anywhere; color: var(--text-secondary); }
.fal-model-result { display: grid; gap: 20px; }
.fal-result-item { display: grid; gap: 12px; }
.fal-result-item img, .fal-result-item video, .fal-result-item audio { display: block; width: 100%; max-height: 650px; object-fit: contain; border-radius: 12px; }
.fal-custom-size { display: flex; gap: 10px; margin-top: 10px; }
.fal-custom-size[hidden], .fal-playground-layout [hidden] { display: none !important; }
.fal-model-details { margin-top: 18px; }
.fal-model-details summary { cursor: pointer; font-weight: 600; }
.fal-model-details pre { max-height: 420px; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.fal-playground-layout .form-section-intro { font-size: 13px; color: var(--text-secondary); }
@media (max-width: 950px) { .fal-playground-layout { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 580px) { .fal-model-fields { grid-template-columns: minmax(0,1fr); } .fal-playground-layout .section { padding: 18px; } .fal-playground-page .page-shell { padding: 18px; } }
