.sl-media{margin:20px auto 8px;max-width:640px;position:relative}
.sl-media-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#edf3ef}
.sl-media-image{display:block;width:100%;height:100%;object-fit:cover}
.sl-media-tools{position:absolute;top:8px;left:8px;display:flex;gap:5px;direction:ltr;z-index:2}
#salam-explorer .sl-media-tool{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid #d3e4de;border-radius:9px;background:rgba(255,255,255,.95);color:#287875;cursor:pointer;box-shadow:0 2px 6px #0001;line-height:1}
.sl-media-tool svg{width:17px;height:17px;display:block}
.sl-media-tools [hidden]{display:none!important}
.sl-puzzle-preview{position:fixed;inset:0;margin:auto;width:min(304px,calc(100vw - 40px));box-sizing:border-box;padding:12px;border:1px solid #d3e4de;border-radius:16px;background:#fff;box-shadow:0 16px 60px #0003;overflow:visible;color:#45706b;font-family:Tahoma,Arial,sans-serif}
.sl-puzzle-preview::backdrop{background:rgba(25,48,42,.3)}
.sl-puzzle-preview img{display:block;width:100%;height:auto;border-radius:9px;aspect-ratio:16/9;object-fit:cover}
.sl-puzzle-preview p{margin:10px 0 0;font-size:11px;text-align:center;line-height:1.6}
.sl-preview-close{position:absolute;top:17px;left:17px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d3e4de;border-radius:8px;background:rgba(255,255,255,.96);color:#287875;font:22px/1 Arial,sans-serif;cursor:pointer}
.sl-preview-close:focus-visible{outline:2px solid #287875;outline-offset:2px}
.sl-media-tool:hover{background:#ecf7ef}
.sl-media-tool[aria-pressed=true]{background:#d5ecad!important}
.sl-puzzle-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);direction:ltr;background:#fff}
#salam-explorer .sl-puzzle-piece{padding:0;margin:0;border:1px solid #ffffffaa;border-radius:0;min-width:0;min-height:0;background-repeat:no-repeat;background-size:400% 300%;cursor:grab;touch-action:none;user-select:none;line-height:1}
#salam-explorer .sl-puzzle-piece[aria-pressed=true]{outline:3px solid #badb37;outline-offset:-3px;filter:brightness(1.1);z-index:1}
#salam-explorer .sl-puzzle-piece:focus-visible{outline:3px solid #207f80;outline-offset:-3px;z-index:1}
.sl-puzzle-status{font-size:12px;color:#45706b;min-height:20px;margin-top:5px;text-align:center}
.sl-media-context{font-size:11px;color:#758780;text-align:center;margin-top:5px}
.sl-puzzle-grid[hidden],.sl-media-image[hidden],.sl-puzzle-status[hidden]{display:none!important}
@media(max-width:650px){.sl-media-tools{top:6px;left:6px}.sl-media{margin-top:16px}.sl-media-frame{border-radius:10px}}

.sl-puzzle-won .sl-media-frame::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;font:bold 64px/1 Arial,sans-serif;text-shadow:0 2px 12px #247875;background:linear-gradient(110deg,transparent 15%,#ffffff70 45%,#ffffffbb 50%,#ffffff70 55%,transparent 85%);background-size:300% 100%;animation:sl-puzzle-win 1.2s ease-out both}
.sl-puzzle-won .sl-puzzle-status{color:#207f64;font-weight:bold}
@keyframes sl-puzzle-win{0%{opacity:0;background-position:100% 0;transform:scale(.96)}25%{opacity:1;transform:scale(1)}70%{opacity:1}100%{opacity:0;background-position:0 0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.sl-puzzle-won .sl-media-frame::after{animation:none;content:none}}

.sl-reading h3:has(.sl-images-toggle){display:flex;align-items:center;gap:10px}
#salam-explorer .sl-images-toggle{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:6px;border:1px solid #d3e4de;border-radius:9px;background:#fff;color:#287875;cursor:pointer}
.sl-images-toggle svg{width:17px;height:17px}
.sl-images-toggle .sl-eye-slash{display:none}
.sl-images-toggle[aria-pressed=true] .sl-eye-slash{display:block}
#salam-explorer.sl-images-hidden .sl-media{display:none!important}