.fo-course-media{min-width:0}.fo-media-heading{display:flex;align-items:center;gap:.6rem}.fo-media-heading svg{width:24px;height:24px;flex:none;color:var(--color-amethyst)}.fo-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.1rem}.fo-media-figure{margin:0;min-width:0;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:#fff}.fo-media-image,.fo-media-video{display:block;width:100%;max-height:460px;object-fit:contain;background:#f4f6f6}.fo-media-image{aspect-ratio:16/10}.fo-media-video{aspect-ratio:16/9}.fo-media-figure figcaption{padding:.8rem 1rem;overflow-wrap:anywhere;line-height:1.6}.fo-media-editor-item{display:grid;gap:.8rem;min-width:0}.fo-media-editor-item .fo-field input{min-width:0}.fo-media-editor-item .fo-row{gap:.5rem}.fo-media-editor-item .btn-secondary{font-size:.85rem;padding:.6rem .8rem}.fo-media-upload{display:grid;gap:1rem;margin-top:1.2rem;padding:1.2rem;border:1px dashed var(--color-border);border-radius:6px}.fo-media-upload input[type=file]{max-width:100%;width:100%;font:inherit;font-size:.9rem}.fo-media-upload input[type=file]::file-selector-button{font:inherit;padding:.6rem .8rem;margin-inline-end:.7rem;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-plum);cursor:pointer}.fo-media-upload .fo-media-figure{max-width:600px}.fo-media-note{margin-top:.6rem}.fo-media-error{color:#973c3c;overflow-wrap:anywhere;line-height:1.6}.fo-media-placeholder{min-height:150px;display:grid;place-content:center;padding:1.2rem;text-align:center;background:#f4f6f6}.fo-course-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin-bottom:1.2rem}.fo-media-limit{font-variant-numeric:tabular-nums}.fo-media-actions{justify-content:space-between}.fo-media-actions .fo-row{flex:1}.fo-media-file-name{overflow-wrap:anywhere}.fo-media-upload progress{width:100%;accent-color:var(--color-amethyst)}.fo-media-button-icon{display:inline-flex;align-items:center;gap:.5rem}.fo-media-button-icon svg{width:18px;height:18px}@media(max-width:600px){.fo-media-upload{padding:.9rem}.fo-media-image,.fo-media-video{max-height:320px}.fo-media-editor-item .fo-row button{flex:1}.fo-media-upload input,.fo-media-editor-item input{font-size:16px}}
.fo-new-course-media{margin-top:0}.fo-new-course-media h3{font:700 1rem var(--font-sans,sans-serif);margin:0}.fo-new-media-list{display:grid;gap:.7rem}.fo-new-media-item{display:flex;align-items:center;gap:.8rem;min-width:0}.fo-new-media-preview{width:104px;height:72px;object-fit:contain;background:#f4f6f6;border:1px solid var(--color-border);border-radius:4px;flex:none}.fo-new-media-item .fo-media-file-name{flex:1;min-width:0;font-size:.85rem}.fo-new-media-item button{padding:.5rem .7rem;font-size:.8rem}.fo-course-upload-hint{margin-bottom:1.2rem}@media(max-width:480px){.fo-new-media-item{flex-wrap:wrap}.fo-new-media-preview{width:90px;height:64px}.fo-new-media-item .fo-media-file-name{flex-basis:calc(100% - 110px)}}