.comment-image-picker{display:inline-flex!important;align-items:center;gap:6px;padding:7px 10px;border:1px solid #29435f;border-radius:10px;color:#8fc8ff!important;cursor:pointer}.comment-image-picker input{display:none}.image-previews{display:flex;gap:8px;flex-wrap:wrap}.image-previews:empty{display:none}.image-previews figure{position:relative;width:70px;height:70px;margin:0;border-radius:11px;overflow:hidden;border:1px solid #31516e}.image-previews img{width:100%;height:100%;object-fit:cover}.image-previews button{position:absolute;top:3px;left:3px;width:21px;height:21px;padding:0;border:0;border-radius:50%;background:#071321cc;color:#fff;cursor:pointer}
.comment-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:7px;max-width:620px;margin:14px 0}.comment-images.count-1{grid-template-columns:minmax(0,460px);grid-auto-rows:minmax(220px,330px)}.comment-images.count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:235px}.comment-images.count-3{grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,125px)}.comment-images.count-3 figure:first-child{grid-row:1/3}.comment-images figure{position:relative;margin:0;min-width:0;min-height:0;border:1px solid #ffffff12;border-radius:14px;overflow:hidden;background:#071422}.comment-images figure:nth-child(n+5){display:none}.comment-images figure>button:first-child{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.comment-images img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.comment-images figure:hover img{transform:scale(1.045);filter:brightness(.86)}.comment-images .image-view-hint{position:absolute;inset:auto 10px 10px auto;padding:6px 9px;border-radius:8px;background:#06101ccc;color:#fff;font-size:11px;opacity:0;transform:translateY(4px);transition:.2s}.comment-images figure:hover .image-view-hint{opacity:1;transform:none}.comment-images .image-more-count{position:absolute;inset:0;display:grid;place-items:center;background:#03101bb8;color:#fff;font-size:28px;font-weight:900;backdrop-filter:blur(2px)}.comment-images .remove-image{position:absolute;z-index:3;top:7px;left:7px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#b8243ce8;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 5px 18px #0007}.comment-images .remove-image:hover{background:#df2948}
.comment-lightbox{position:fixed;z-index:10010;inset:0;display:none;place-items:center;padding:26px;background:#010711f2;backdrop-filter:blur(14px);overscroll-behavior:contain}.comment-lightbox.open{display:grid;animation:comment-gallery-in .2s ease}.comment-lightbox-stage{position:relative;display:grid;place-items:center;width:min(1240px,100%);height:min(90vh,900px)}.comment-lightbox figure{display:grid;place-items:center;gap:12px;max-width:calc(100% - 130px);max-height:100%;margin:0}.comment-lightbox img{display:block;max-width:100%;max-height:calc(90vh - 70px);border-radius:17px;box-shadow:0 25px 90px #000;user-select:none;-webkit-user-drag:none}.comment-lightbox figcaption{min-height:18px;color:#aebed1;font-size:12px;text-align:center}.comment-lightbox button{display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;background:#101b2bcc;color:#fff;cursor:pointer;transition:.2s}.comment-lightbox button:hover{background:#1b3452;border-color:#75baff;transform:scale(1.05)}.comment-lightbox-close{position:fixed;z-index:2;top:20px;left:25px;width:43px;height:43px;font-size:28px}.comment-lightbox-nav{position:absolute;z-index:2;top:50%;width:50px;height:50px;font-size:36px;transform:translateY(-50%)}.comment-lightbox-nav:hover{transform:translateY(-50%) scale(1.05)!important}.comment-lightbox-nav.prev{right:0}.comment-lightbox-nav.next{left:0}.comment-lightbox-nav[hidden]{display:none}.comment-lightbox-counter{position:fixed;top:24px;right:25px;min-width:72px;padding:8px 13px;border:1px solid #ffffff22;border-radius:99px;background:#101b2bcc;color:#fff;text-align:center;font-size:12px;font-weight:800;direction:ltr}.comment-lightbox-counter:empty{display:none}@keyframes comment-gallery-in{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.comment-images{grid-auto-rows:112px}.comment-images.count-1{grid-template-columns:1fr;grid-auto-rows:220px}.comment-images.count-2{grid-auto-rows:175px}.comment-images.count-3{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,105px)}.comment-image-picker{padding:6px 8px}.comment-lightbox{padding:12px}.comment-lightbox-stage{height:88vh}.comment-lightbox figure{max-width:100%}.comment-lightbox img{max-height:calc(88vh - 82px);border-radius:12px}.comment-lightbox-nav{top:auto;bottom:4px;width:45px;height:45px;font-size:31px;transform:none}.comment-lightbox-nav:hover{transform:scale(1.05)!important}.comment-lightbox-nav.prev{right:calc(50% - 57px)}.comment-lightbox-nav.next{left:calc(50% - 57px)}.comment-lightbox-close{top:13px;left:13px}.comment-lightbox-counter{top:17px;right:15px}}
@media(prefers-reduced-motion:reduce){.comment-images img,.comment-lightbox,.comment-lightbox button{animation:none;transition:none}}