*{box-sizing:border-box}html,body{min-height:100%;overflow-y:auto}body{margin:0;background:#f6f7f9;color:#162033;font-family:Inter,sans-serif}.media-page{max-width:1280px;margin:auto;padding:28px 28px 80px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}header a{color:#275d90;text-decoration:none;font-weight:800;font-size:12px}.eyebrow{margin:20px 0 4px;color:#275d90;font-size:10px;font-weight:800;letter-spacing:.1em}h1{margin:0;font-size:34px}header p:last-child{color:#667085}.chat-hint{margin:18px 0 0;background:#eff8ff;border:1px solid #b2ddff;color:#175cd3;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700}section{margin-top:22px;background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:18px}.media-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.media-tabs button{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;color:#475467;cursor:pointer}.media-tabs button.active{background:#162033;color:#fff;border-color:#162033}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.toolbar input{flex:1;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px}.toolbar span{font-size:11px;color:#667085}.primary{border:0;background:#275d90;color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.media-card{border:1px solid #e4e7ec;border-radius:14px;padding:12px;background:#fbfcfd}.thumb{height:125px;border-radius:10px;background:#eef2f6;display:grid;place-items:center;overflow:hidden;font-weight:800;color:#667085;cursor:pointer}.kind-pill{display:inline-flex;margin-top:10px;border-radius:999px;padding:4px 7px;background:#eef5fb;color:#275d90;font-size:8px;font-weight:800;letter-spacing:.05em}.media-card h3{font-size:13px;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-label{display:block;font-size:11px;color:#173b5f;line-height:1.35;margin-bottom:6px}.course-tag{display:inline-flex;background:#f2f4f7;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;color:#475467}.media-card p{font-size:10px;color:#667085;line-height:1.4;min-height:28px}.media-card small{color:#98a2b3}.media-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.media-actions button{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:8px 9px;font-size:10px;font-weight:800;cursor:pointer}.media-actions .send{background:#275d90;color:#fff;border-color:#275d90}.media-actions .delete{color:#b42318}.empty{grid-column:1/-1;padding:50px;text-align:center;color:#667085}.media-modal[hidden]{display:none}.media-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:100}.media-backdrop{position:absolute;inset:0;background:#101828aa}.media-dialog{position:relative;z-index:1;width:min(760px,92vw);max-height:85vh;overflow:auto;background:#fff;border-radius:18px;padding:20px}.media-dialog>button[data-close],.media-dialog>button[data-upload-close]{position:absolute;right:12px;top:10px;border:0;background:#f2f4f7;border-radius:50%;width:34px;height:34px;font-size:20px}.media-dialog img{max-width:100%;display:block;margin:auto}.media-dialog audio{width:100%;margin-top:30px}.media-form{width:min(620px,92vw);display:grid;gap:12px}.media-form h2{margin:0 0 6px}.media-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#475467}.media-form input,.media-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px 11px;font:inherit}.media-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.media-form .check input{width:auto}@media(max-width:700px){.media-page{padding:16px 16px 70px}header{flex-direction:column}.media-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}}@media(max-width:480px){.media-grid{grid-template-columns:1fr}}

/* Real multimedia previews */
.thumb{position:relative}
.thumb-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .2s ease}
.media-card:hover .image-thumb.has-image .thumb-image{transform:scale(1.025)}
.thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:12px;text-align:center}
.thumb-loading{font-size:10px;font-weight:700;color:#98a2b3}
.thumb-error{font-size:10px;color:#98a2b3}
.image-thumb.has-image{background:#e9eef3}
.full-image-wrap{margin-top:14px;border-radius:14px;overflow:hidden;background:#eef2f6;display:grid;place-items:center;min-height:220px}
.full-image-preview{width:100%;max-height:70vh;object-fit:contain;background:#f8fafc}
.preview-head{display:flex;justify-content:space-between;gap:12px;padding-right:42px}
.preview-head h2{margin:0 0 3px}
.preview-head small{color:#98a2b3}
.upload-preview[hidden]{display:none}
.upload-preview{border:1px solid #dbe3ea;border-radius:12px;background:#f8fafc;padding:10px;overflow:hidden}
.upload-preview-label{font-size:9px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.upload-preview img{display:block;width:100%;height:220px;object-fit:contain;border-radius:9px;background:#eef2f6}
.upload-preview audio{width:100%}

/* Fixed audio response selector */
.fixed-audio-field{display:grid;gap:9px;padding:11px;border:1px solid #dbe3ea;border-radius:12px;background:#fbfcfd}
.fixed-audio-field[hidden]{display:none}
.fixed-audio-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.fixed-audio-title strong{font-size:11px;color:#344054}
.fixed-audio-title small{font-size:9px;color:#98a2b3;font-weight:600}
.fixed-audio-options{display:flex;flex-wrap:wrap;gap:7px}
.fixed-audio-option{border:1px solid #d0d5dd;background:#fff;color:#475467;border-radius:10px;padding:7px 9px;display:grid;gap:2px;text-align:left;cursor:pointer}
.fixed-audio-option span{font-size:10px;font-weight:800}
.fixed-audio-option small{font-size:7px;color:#98a2b3}
.fixed-audio-option:hover:not(:disabled){border-color:#98b9d7;background:#f5f9fd}
.fixed-audio-option.selected{border-color:#275d90;background:#eaf3fb;color:#275d90;box-shadow:0 0 0 2px rgba(39,93,144,.08)}
.fixed-audio-option.selected small{color:#275d90}
.fixed-audio-option.occupied,.fixed-audio-option:disabled{opacity:.52;cursor:not-allowed;background:#f2f4f7}
.fixed-audio-help{margin:0!important;min-height:0!important;font-size:9px!important;color:#667085!important}
.media-toast[hidden]{display:none}
.media-toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:min(380px,calc(100vw - 40px));padding:11px 14px;border-radius:11px;background:#101828;color:#fff;box-shadow:0 14px 34px rgba(16,24,40,.24);font-size:11px;font-weight:750}
.media-toast.success{background:#067647}
@media(max-width:700px){.fixed-audio-title{align-items:flex-start;flex-direction:column;gap:3px}.fixed-audio-option{flex:1 1 46%}.media-toast{left:16px;right:16px;bottom:18px;max-width:none}}