.content-playback-controls{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;} .content-playback-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line,var(--admin-line));border-radius:50%;color:var(--plum,var(--admin-ink));background:var(--color-white,#fff);cursor:pointer;} .content-playback-controls svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;} .content-playback-controls [hidden]{display:none;} .content-playback-controls .content-playback-play-icon,.content-playback-controls .comment-play-icon{fill:currentColor;stroke:none;} .content-playback-controls button:hover{border-color:var(--rose,var(--admin-accent));color:var(--rose,var(--admin-accent));} .content-slider{position:relative;overflow:hidden;display:block;width:min(860px,calc(100vw - 40px),100%);margin:28px auto;border:1px solid var(--line,var(--admin-line));border-radius:8px;background:var(--color-white,#fff);box-shadow:0 18px 45px var(--color-ink-shadow-soft,rgba(31,24,38,0.12));} .rich-copy .content-slider{left:50%;width:min(860px,calc(100vw - 40px));transform:translateX(-50%);} .content-slider-frame{aspect-ratio:16 / 9;background:var(--paper,var(--admin-bg));} .content-slider-frame img{width:100%;height:100%;object-fit:cover;background:var(--paper,var(--admin-bg));transition:opacity 220ms ease,transform 360ms ease;} .content-slider[data-slider-zoom="1"] .content-slider-frame img{cursor:zoom-in;} .content-slider.is-transitioning .content-slider-frame img{opacity:0;transform:translateX(12px);} .content-slider figcaption{margin:0;padding:14px 16px;color:var(--plum,var(--admin-ink));font-weight:800;} .content-slider figcaption:empty{display:none;} .content-slider-controls{position:absolute;right:12px;bottom:12px;} .slider-lightbox{position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:auto minmax(0,1fr);padding:18px;background:rgba(20,14,18,0.82);user-select:none;} .slider-lightbox[hidden]{display:none;} .slider-lightbox-toolbar{position:relative;z-index:2;display:inline-flex;align-items:center;justify-self:end;gap:8px;max-width:calc(100vw - 36px);padding:8px;border:1px solid rgba(255,255,255,0.22);border-radius:8px;background:rgba(255,255,255,0.72);box-shadow:0 14px 40px rgba(0,0,0,0.22);opacity:0.76;transition:opacity 160ms ease,background 160ms ease;} .slider-lightbox-toolbar:hover,.slider-lightbox-toolbar:focus-within{background:rgba(255,255,255,0.94);opacity:1;} .slider-lightbox-zoom{display:inline-flex;align-items:center;gap:8px;width:min(300px,calc(100vw - 172px));color:var(--plum,var(--admin-ink));font:800 13px/1.2 Arial,sans-serif;white-space:nowrap;} .slider-lightbox-zoom input{min-width:90px;width:180px;accent-color:var(--rose,var(--admin-accent));} .slider-lightbox-zoom span{width:42px;color:var(--muted,var(--admin-muted));font-size:12px;line-height:1;text-align:right;} .slider-lightbox-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line,var(--admin-line));border-radius:7px;color:var(--plum,var(--admin-ink));background:var(--color-white,#fff);font:800 16px/1 Arial,sans-serif;cursor:pointer;} .slider-lightbox-toolbar .slider-lightbox-reset{font-size:17px;} .slider-lightbox-toolbar .slider-lightbox-close{font-size:22px;} .slider-lightbox-toolbar button:hover{border-color:var(--rose,var(--admin-accent));color:var(--rose,var(--admin-accent));} .slider-lightbox-arrow{position:fixed;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:58px;border:1px solid rgba(255,255,255,0.22);border-radius:8px;color:var(--plum,var(--admin-ink));background:rgba(255,255,255,0.68);font:800 34px/44px Arial,sans-serif;cursor:pointer;transform:translateY(-50%);box-shadow:0 14px 40px rgba(0,0,0,0.22);opacity:0.72;transition:opacity 160ms ease,background 160ms ease,color 160ms ease;} .slider-lightbox-arrow:hover,.slider-lightbox-arrow:focus-visible{color:var(--rose,var(--admin-accent));background:rgba(255,255,255,0.94);opacity:1;} .slider-lightbox-arrow[hidden]{display:none;} .slider-lightbox-arrow-prev{left:18px;} .slider-lightbox-arrow-next{right:18px;} .slider-lightbox-viewport{position:relative;overflow:hidden;display:grid;place-items:center;min-height:0;cursor:default;touch-action:none;} .slider-lightbox-viewport.is-draggable{cursor:grab;} .slider-lightbox-viewport.is-dragging{cursor:grabbing;} .slider-lightbox-image{display:block;max-width:min(96vw,1600px);max-height:calc(100vh - 104px);transform-origin:center center;user-select:none;will-change:transform;box-shadow:0 22px 70px rgba(0,0,0,0.36);} body.is-slider-lightbox-open{overflow:hidden;} @media (max-width:640px){.content-slider-frame{aspect-ratio:1 / 1;} .content-slider figcaption{padding-right:16px;} .content-slider-controls{position:static;display:flex;justify-content:flex-end;padding:0 12px 12px;} .content-slider figcaption:empty + .content-slider-controls{padding-top:12px;} .slider-lightbox{padding:10px;} .slider-lightbox-toolbar{justify-self:center;gap:6px;max-width:calc(100vw - 20px);} .slider-lightbox-zoom{width:min(210px,calc(100vw - 128px));} .slider-lightbox-zoom input{width:118px;} .slider-lightbox-zoom span{width:38px;} .slider-lightbox-arrow{width:38px;height:50px;font-size:30px;line-height:38px;} .slider-lightbox-arrow-prev{left:10px;} .slider-lightbox-arrow-next{right:10px;} .slider-lightbox-image{max-width:calc(100vw - 20px);max-height:calc(100vh - 88px);}}