.myeclass-statement-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; margin: 1rem 0; max-width: 100%; }
.myeclass-statement-images figure { margin: 0; padding: .8rem; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; min-width: 0; }
.myeclass-statement-images a { display: block; cursor: zoom-in; }
.myeclass-statement-images img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain; }
.myeclass-statement-images figcaption { display: grid; gap: .4rem; margin-top: .7rem; color: #334155; line-height: 1.5; }
.myeclass-statement-images figcaption span { white-space: pre-wrap; overflow-wrap: anywhere; }
.myeclass-statement-media-editor { grid-column: 1 / -1; width: 100%; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 12px; padding: 1rem; margin: 1rem 0; }
.myeclass-statement-media-editor legend { padding: 0 .4rem; font-weight: 700; }
.myeclass-statement-media-editor p { line-height: 1.5; color: #475569; margin: 0 0 1rem; }
.myeclass-statement-media-editor label { display: grid; gap: .4rem; margin-bottom: .8rem; }
.myeclass-statement-media-editor textarea { width: 100%; min-height: 90px; box-sizing: border-box; }
.myeclass-statement-media-editor .check { display: flex; align-items: center; gap: .5rem; }
.myeclass-statement-existing, .myeclass-statement-upload { border-top: 1px solid #e2e8f0; padding: 1rem 0; }
.myeclass-statement-upload-preview { display: block; max-height: 180px; max-width: 100%; margin: .5rem 0; object-fit: contain; }
.myeclass-statement-zoom { box-sizing: border-box; padding: 1rem; border: 1px solid #cbd5e1; border-radius: 12px; max-width: 96vw; max-height: 94vh; background: white; }
.myeclass-statement-zoom::backdrop { background: rgba(15,23,42,.7); }
.myeclass-statement-zoom img { display: block; max-width: 90vw; max-height: 76vh; object-fit: contain; }
.myeclass-statement-zoom button { display: block; margin-left: auto; margin-bottom: .8rem; }
@media print { .myeclass-statement-images { display: block; } .myeclass-statement-images figure { break-inside: avoid; margin-bottom: 1rem; } .myeclass-statement-media-editor { display: none; } }