.connections-form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-unit)}.form-status{padding:var(--spacing-unit);background:#f9f9f9;border-radius:2px}.form-status small{color:var(--color-text-secondary)}.test-form{border-top:1px solid #e0e0e0;padding-top:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.test-result{padding:var(--spacing-unit);background:#f0f8ff;border:1px solid #e0e6ff;border-radius:2px}.test-result pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:monospace;font-size:.9em}generative-image{display:contents}generative-image img{display:block}generative-image .error{margin-top:1ch;padding:1ch;background:var(--color-error-bg, #fff5f5);color:var(--color-error, #d73a49);border:1px solid var(--color-error-border, #fdaeb7);font-size:.875em}.generative-video{display:block;width:100%;background:#f0f0f0;position:relative;overflow:hidden}.generative-video[aspect-ratio="16:9"]{aspect-ratio:16 / 9}.generative-video[aspect-ratio="9:16"]{aspect-ratio:9 / 16}.generative-video video,.generative-video img{width:100%;height:100%;object-fit:cover}.generative-video[status=loading] video,.generative-video[status=loading] img{opacity:.7}.generative-video[status=error]{border:1px solid red}.generative-video .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2ch;height:2ch;border:2px solid #000;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.generative-video .elapsed{position:absolute;top:1ch;left:1ch;font-size:11px;background:#fff;padding:0 .5ch;z-index:10}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}