.model-list { display: grid; gap: 8px; margin-bottom: 15px; }
.model-card { border: 1px solid var(--line); border-radius: 7px; background: var(--field); padding: 8px 10px; }
.model-card summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.model-card summary label { margin: 0; }
.model-settings { padding-top: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.stage-progress { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
.result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.output-item { border: 1px solid var(--line); border-radius: 7px; padding: 10px; display: grid; gap: 6px; min-width: 0; }
.output-item img, .output-item video { display: block; width: 100%; max-height: 360px; object-fit: contain; background: #000; }
.output-item span { color: var(--muted); }
pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
@media (max-width: 900px) { .model-settings, .result-grid { grid-template-columns: 1fr; } }