.ece-slide-reader { margin: 1.2rem 0 1.6rem; padding: 1rem; border: 1px solid var(--ece-border); border-radius: 10px; background: #f8f6fb; }
.ece-slide-heading,.ece-slide-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; }
.ece-slide-heading { justify-content: space-between; }
.ece-slide-heading h3 { font-size: .9rem; margin: 0; }
.ece-slide-heading a,.ece-slide-reader p,.ece-slide-reader label,.ece-slide-reader summary,.ece-slide-reader noscript { font-size: .7rem; line-height: 1.8; }
.ece-slide-controls { margin: .8rem 0; }
.ece-slide-controls button,.ece-slide-controls select { margin: 0; padding: .5rem .7rem; min-height: 40px; border: 1px solid #cfc4dc; border-radius: 6px; background: #fff; color: var(--ece-purple); font: inherit; font-size: .7rem; }
.ece-slide-controls button { cursor: pointer; }
.ece-slide-controls button:disabled { opacity: .45; cursor: default; }
.ece-slide-controls select { width: auto; }
.ece-slide-reader figure { margin: .5rem 0; overflow-x: auto; }
.ece-slide-reader img { display: block; width: 100%; height: auto; border: 1px solid #ded8e5; background: #fff; }
.ece-slide-reader figcaption { font-size: .65rem; color: var(--ece-muted); margin-top: .45rem; }
.ece-slide-reader pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow-y: auto; padding: .6rem; background: #fff; font: 12px/1.7 system-ui,sans-serif; }
.ece-slide-note { color: var(--ece-muted); }
@media(max-width:550px) { .ece-slide-reader { padding: .65rem; } .ece-slide-reader img { min-width: 650px; } }