body.sample-image-modal-open{overflow:hidden}
.sample-image-modal{position:fixed;inset:0;z-index:10000;display:none;padding:24px;box-sizing:border-box}
.sample-image-modal.is-open{display:grid;place-items:center}
.sample-image-modal__backdrop{position:absolute;inset:0;background:rgba(5,8,15,.92);backdrop-filter:blur(3px)}
.sample-image-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:#11151d;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.52)}
.sample-image-modal__header{display:flex;align-items:center;gap:16px;min-height:58px;padding:10px 16px 10px 22px;border-bottom:1px solid rgba(255,255,255,.13)}
.sample-image-modal__title{flex:1;min-width:0;margin:0;overflow:hidden;color:#fff;font-size:18px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.sample-image-modal__close{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:32px;line-height:1;cursor:pointer}
.sample-image-modal__stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:300px;height:min(68vh,720px);padding:16px 72px 38px;overflow:hidden;box-sizing:border-box;background:#090c12}
.sample-image-modal__main{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.sample-image-modal__arrow{position:absolute;top:50%;width:48px;height:48px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.sample-image-modal__arrow--prev{left:14px}
.sample-image-modal__arrow--next{right:14px}
.sample-image-modal__status{position:absolute;right:18px;bottom:9px;margin:0;color:#d8dce5;font-size:13px}
.sample-image-modal__thumbs{display:flex;gap:8px;min-height:78px;padding:12px 16px;overflow-x:auto;background:#171c25}
.sample-image-modal__thumb{flex:0 0 auto;width:92px;height:62px;padding:2px;overflow:hidden;border:2px solid transparent;border-radius:6px;background:#262c37;cursor:pointer}
.sample-image-modal__thumb.is-active{border-color:#ff4f9a}
.sample-image-modal__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sample-image-modal button:focus-visible{outline:3px solid #ff76b5;outline-offset:3px}
@media(max-width:680px){.sample-image-modal{padding:0}.sample-image-modal__dialog{width:100%;max-height:100vh;height:100vh;border:0;border-radius:0}.sample-image-modal__title{font-size:15px}.sample-image-modal__stage{height:calc(100vh - 154px);min-height:240px;padding:12px 48px 34px}.sample-image-modal__arrow{width:40px;height:40px;font-size:28px}.sample-image-modal__arrow--prev{left:5px}.sample-image-modal__arrow--next{right:5px}.sample-image-modal__thumb{width:76px;height:52px}}