.composer-types.has-slideshow{grid-template-columns:repeat(5,minmax(0,1fr))}.composer-types [data-composer-mode="slideshow"] svg{width:24px;height:24px;fill:none;stroke:#08715d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.composer-types [data-composer-mode="slideshow"]:hover svg{stroke:#02372e;transform:scale(1.05)}
body.slideshow-workspace-open{overflow:hidden}.slideshow-composer-workspace{position:fixed;z-index:995;top:var(--slideshow-top,0);right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f4faf7;color:#173a34}.slideshow-composer-workspace[hidden]{display:none!important}.slideshow-composer-workspace>header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px clamp(14px,3vw,34px);border-bottom:1px solid #cbded7;background:#fff}.slideshow-composer-workspace>header>div{display:grid;gap:3px}.slideshow-composer-workspace>header b{color:#02372e;font-size:18px}.slideshow-composer-workspace>header small{color:#64756f}.slideshow-composer-workspace>header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#eef6f3;color:#526a64;font-size:24px;cursor:pointer}.slideshow-composer-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px clamp(14px,3vw,34px) 28px}.slideshow-composer-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(280px,420px);justify-content:center;align-items:start;gap:22px}.slideshow-composer-fields{display:grid;gap:12px;padding:16px;border:1px solid #c7ddd5;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(2,55,46,.06)}.slideshow-composer-fields label{display:grid;gap:6px;color:#36564e;font-size:12px;font-weight:800}.slideshow-composer-fields textarea,.slideshow-composer-fields select,.slideshow-composer-fields input[type=file]{box-sizing:border-box;width:100%;min-width:0;padding:9px;border:1px solid #cbded7;border-radius:9px;background:#fff;font:inherit}.slideshow-image-picker{padding:14px;border:1px dashed #8fb8aa;border-radius:12px;background:#f3faf7;text-align:center}.slideshow-image-picker input{background:#fff}.slideshow-image-picker small{color:#6c7f79;font-weight:500}.slideshow-file-heading{display:flex;align-items:center;justify-content:space-between}.slideshow-file-heading span{color:#08715d;font-size:11px;font-weight:800}.slideshow-file-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slideshow-file-list:empty{display:none}.slideshow-file-list article{position:relative;min-width:0;overflow:hidden;border:1px solid #d5e4df;border-radius:10px;background:#f8fbfa}.slideshow-file-list img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.slideshow-file-list article>span{display:grid;min-width:0;padding:6px}.slideshow-file-list b,.slideshow-file-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slideshow-file-list b{font-size:10px}.slideshow-file-list small{color:#6c7f79;font-size:8px}.slideshow-file-list button{position:absolute;top:4px;right:4px;width:25px;height:25px;border:0;border-radius:50%;background:#fff;color:#9a3028;box-shadow:0 2px 8px #0004;font-size:18px}.slideshow-settings-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.slideshow-preview-column{display:grid;gap:10px;position:sticky;top:0}.slideshow-composer-preview{position:relative;width:100%;overflow:hidden;aspect-ratio:4/3;border-radius:14px;background:#071a17;box-shadow:0 10px 28px #02372e26}.slideshow-composer-preview[hidden]{display:grid;place-items:center}.slideshow-composer-preview[hidden]:before{content:"Preview";color:#8ea29c}.slideshow-composer-stage,.slideshow-composer-stage img{position:absolute;inset:0;width:100%;height:100%}.slideshow-composer-stage img{object-fit:contain;opacity:0;transition:opacity .7s ease,transform .7s ease}.slideshow-composer-stage img.active{opacity:1}.slideshow-composer-preview.transition-slide img{transform:translateX(10%)}.slideshow-composer-preview.transition-slide img.active{transform:none}.slideshow-composer-preview.transition-zoom img{transform:scale(1.1)}.slideshow-composer-preview.transition-zoom img.active{transform:scale(1)}.slideshow-composer-preview>span{position:absolute;right:12px;bottom:10px;padding:5px 9px;border-radius:999px;background:#001e19b8;color:#fff;font-size:10px;font-weight:800}.slideshow-composer-workspace>footer{display:flex;justify-content:flex-end;gap:9px;min-height:62px;padding:10px clamp(14px,3vw,34px);border-top:1px solid #cbded7;background:#fff;box-shadow:0 -5px 18px rgba(2,55,46,.07)}.slideshow-composer-workspace>footer .btn{min-width:130px}
@media(max-width:900px){.composer-types.has-slideshow{grid-template-columns:repeat(3,minmax(0,1fr))}.slideshow-composer-grid{grid-template-columns:minmax(0,680px)}.slideshow-preview-column{position:static}.slideshow-composer-preview{width:min(100%,430px);margin:auto}.slideshow-file-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.composer-types.has-slideshow{grid-template-columns:repeat(2,minmax(0,1fr))}.slideshow-composer-workspace>header{min-height:54px;padding:7px 10px}.slideshow-composer-workspace>header small{font-size:10px}.slideshow-composer-scroll{padding:8px}.slideshow-composer-fields{gap:8px;padding:10px}.slideshow-settings-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.slideshow-settings-row select{padding-inline:4px;font-size:10px}.slideshow-file-list{grid-template-columns:repeat(3,minmax(0,1fr))}.slideshow-composer-workspace>footer{min-height:54px;padding:7px 10px}.slideshow-composer-workspace>footer .btn{min-width:0;flex:1}}
