.image-gallery-container .image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:1rem;display:grid}.image-gallery-container .image-item{aspect-ratio:1;cursor:pointer;border-radius:8px;transition:transform .2s;position:relative;overflow:hidden}.image-gallery-container .image-item:hover{transform:scale(1.05)}.image-gallery-container .image-item:hover .image-overlay{opacity:1}.image-gallery-container .gallery-image{object-fit:cover;width:100%;height:100%;display:block}.image-gallery-container .image-overlay{opacity:0;background:linear-gradient(#000000b3 0%,#0000004d 50%,#000000b3 100%);flex-direction:column;justify-content:space-between;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-gallery-container .image-info{text-align:center}.image-gallery-container .image-info small{font-size:.75rem;line-height:1.2;display:block}.image-gallery-modal .modal-dialog{max-width:95vw;margin:10px auto}.image-gallery-modal .modal-content{background:#000;border:none;border-radius:4px;height:90vh}.image-gallery-modal .modal-body{background:#000;flex-direction:column;height:100%;padding:0;display:flex}.image-gallery-modal .modal-header{display:none}.image-gallery-modal.fullscreen-mode .modal-dialog{width:100vw;max-width:100vw;height:100vh;margin:0}.image-gallery-modal.fullscreen-mode .modal-content{border-radius:0;height:100vh}.image-gallery-modal.fullscreen-mode .gallery-preview-image{max-width:95%;max-height:90vh}.gallery-top-bar{color:#fff;z-index:20;background:#000c;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.gallery-top-bar .image-title-area{align-items:center;gap:15px;display:flex}.gallery-top-bar .image-title-area .file-name{text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.gallery-top-bar .image-title-area .download-link{color:#3b82f6;font-size:.85rem;font-weight:600;text-decoration:none}.gallery-top-bar .image-title-area .download-link:hover{text-decoration:underline}.gallery-top-bar .image-counter-area{color:#999;align-items:center;gap:20px;font-size:.85rem;display:flex}.gallery-top-bar .close-gallery-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;transition:opacity .2s}.gallery-top-bar .close-gallery-btn:hover{opacity:1}.gallery-image-container{background:#000;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.gallery-preview-image{object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:50%;max-width:90%;max-height:80vh;transition:transform .3s}.gallery-nav-btn{z-index:10;color:#fff;opacity:.4;background:0 0;border:none;padding:20px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{opacity:1;background:#ffffff1a}.gallery-nav-btn i{font-size:2.5rem}.gallery-prev-btn{left:10px}.gallery-next-btn{right:10px}.gallery-image-info{color:#fff;background:linear-gradient(#0000 0%,#0006 30%,#000c 100%);justify-content:space-between;align-items:center;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-image-info .image-details h6{color:#fff;margin:0}.gallery-image-info .image-details p{margin:0;font-size:.9rem}.audio-gallery-container .audio-grid{flex-direction:column;gap:8px;margin-bottom:1rem;display:flex}.audio-gallery-container .audio-item .audio-card{color:#333;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;transition:all .2s;position:relative}.audio-gallery-container .audio-item .audio-card:hover{background:#ffffff14;border-color:#fff3}.audio-gallery-container .audio-item .audio-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.audio-gallery-container .audio-item .audio-icon{background:#667eea1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.audio-gallery-container .audio-item .audio-icon i{color:#667eea;font-size:1rem}.audio-gallery-container .audio-item .audio-info{flex-grow:1;min-width:0}.audio-gallery-container .audio-item .audio-info .audio-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.audio-gallery-container .audio-item .audio-info .audio-size{color:#666;margin:0;font-size:.75rem}.audio-gallery-container .audio-item .audio-controls{margin-bottom:8px}.audio-gallery-container .audio-item .audio-controls .audio-player{background:#667eea1a;border:1px solid #667eea33;border-radius:16px;outline:none;width:100%;height:32px}.audio-gallery-container .audio-item .audio-controls .audio-player::-webkit-media-controls-panel{background:#667eea1a}.audio-gallery-container .audio-item .audio-controls .audio-player::-webkit-media-controls-play-button{background:#667eea33;border-radius:50%}.audio-gallery-container .audio-item .audio-controls .audio-loading{color:#666;align-items:center;gap:6px;font-size:.85rem;display:flex}.audio-gallery-container .audio-item .audio-controls .audio-loading .spinner-border{width:.8rem;height:.8rem}.audio-gallery-container .audio-item .audio-controls .load-audio-btn{color:#667eea;background:#667eea1a;border:1px solid #667eea33;border-radius:16px;padding:6px 12px;font-size:.85rem;transition:all .2s}.audio-gallery-container .audio-item .audio-controls .load-audio-btn:hover{color:#667eea;background:#667eea26;border-color:#667eea4d}.audio-gallery-container .audio-item .audio-controls .load-audio-btn i{font-size:.9rem}.audio-gallery-container .audio-item .audio-actions{justify-content:flex-end;display:flex}.audio-gallery-container .audio-item .audio-actions .download-audio-btn{color:#666;border-radius:4px;padding:4px 6px;transition:all .2s}.audio-gallery-container .audio-item .audio-actions .download-audio-btn:hover{color:#667eea;background:#667eea1a}.audio-gallery-container .audio-item .audio-actions .download-audio-btn i{font-size:1rem}@media (width<=768px){.audio-gallery-container .audio-item .audio-card{padding:10px}.audio-gallery-container .audio-item .audio-header{gap:6px;margin-bottom:6px}.audio-gallery-container .audio-item .audio-icon{width:28px;height:28px}.audio-gallery-container .audio-item .audio-icon i{font-size:.9rem}.audio-gallery-container .audio-item .audio-info .audio-title{font-size:.85rem}.audio-gallery-container .audio-item .audio-info .audio-size{font-size:.7rem}.audio-gallery-container .audio-item .audio-controls{margin-bottom:6px}.audio-gallery-container .audio-item .audio-controls .audio-player{height:28px}.audio-gallery-container .audio-item .audio-controls .load-audio-btn{padding:4px 10px;font-size:.8rem}.image-gallery-container .image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.gallery-image-wrapper{max-height:60vh}.gallery-nav-btn{width:40px;height:40px}.gallery-nav-btn i{font-size:1rem}.gallery-prev-btn{left:10px}.gallery-next-btn{right:10px}.gallery-image-info{text-align:center;flex-direction:column;gap:10px;padding:15px}}.gallery-drag-hint{color:#fff;z-index:10;background:#000c;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;animation:3s ease-in-out fadeInOut;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.gallery-drag-hint i{font-size:1rem}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(10px)}20%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.gallery-zoom-controls{z-index:10;gap:8px;display:flex;position:absolute;top:20px;right:20px}.gallery-zoom-controls .gallery-zoom-btn{background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000004d}.gallery-zoom-controls .gallery-zoom-btn:hover:not(:disabled){background:#fff;transform:scale(1.1)}.gallery-zoom-controls .gallery-zoom-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-zoom-controls .gallery-zoom-btn i{color:#333;font-size:1rem}@media (width<=768px){.gallery-zoom-controls{gap:6px;top:15px;right:15px}.gallery-zoom-controls .gallery-zoom-btn{width:35px;height:35px}.gallery-zoom-controls .gallery-zoom-btn i{font-size:.9rem}}.note-text-wrapper{--note-max-lines:6;--note-line-height:1.5;--note-max-height:calc(var(--note-max-lines) * 1em * var(--note-line-height));position:relative}.note-body{line-height:var(--note-line-height)}.note-body.clamped{-webkit-line-clamp:var(--note-max-lines);max-height:var(--note-max-height);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-body.expanded{max-height:none;overflow:visible}.note-toggle{margin-top:6px}.note-toggle-btn{font-weight:700;text-decoration:none;color:#024d93!important}.note-toggle-btn:hover{text-decoration:underline;color:#024d93!important}.disable-reply .reply-form-container{display:none!important}.disable-reply button:has(.ri-reply-line){display:none!important}.video-attachment-card__stage{aspect-ratio:16/9;border-radius:var(--radius-lg,12px);background-color:#0b0b0b;width:100%;position:relative;overflow:hidden}.video-attachment-card__poster,.video-attachment-card__video{width:100%;height:100%;position:absolute;inset:0}.video-attachment-card__poster{object-fit:cover}.video-attachment-card__video{object-fit:contain;background-color:#000}.video-attachment-card__poster--empty{background:linear-gradient(135deg,#1f2a33 0%,#0b0b0b 100%);justify-content:center;align-items:center;display:flex}.video-attachment-card__poster--empty i{color:#ffffff38;font-size:2rem}.video-attachment-card__scrim{pointer-events:none;background:linear-gradient(#0000 0%,#000000a6 100%);height:44px;position:absolute;inset:auto 0 0}.video-attachment-card__play{color:#fff;background-color:#0000008c;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:transform .12s,background-color .12s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-attachment-card__play i{margin-left:3px;font-size:1.75rem}.video-attachment-card__play:hover,.video-attachment-card__play:focus-visible{background-color:#000000b3;transform:translate(-50%,-50%)scale(1.06)}.video-attachment-card__center{color:#fff;text-align:center;background-color:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute;inset:0}.video-attachment-card__center--error{background-color:#000000b3;font-size:.8125rem}.video-attachment-card__center--error i{color:#ffc94d;font-size:1.75rem}.video-attachment-card__progress{width:100%;max-width:220px}.video-attachment-card__progress .progress{background-color:#ffffff40;height:14px}.video-attachment-card__progress-text{color:#fff;margin-top:6px;font-size:.6875rem}.video-attachment-card__badges{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 10px 8px}.video-attachment-card__badge{border-radius:var(--radius-sm,4px);color:#fff;background-color:#0009;padding:3px 7px;font-size:.6875rem;font-weight:600;line-height:1.2}.video-attachment-card__footer{align-items:center;gap:8px;margin-top:6px;display:flex}.video-attachment-card__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-muted,#6c757d);flex:auto;font-size:.75rem;overflow:hidden}.video-attachment-card__delete{z-index:10;width:18px;height:18px;margin:2px}.video-gallery-container .video-grid{flex-direction:column;gap:12px;display:flex}