.gallery-like-button{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .45rem;border:none;background:rgba(0,0,0,.6);color:white;border-radius:16px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-like-button:hover{background:rgba(0,0,0,.7);transform:translateY(-1px)}.gallery-like-button--liked{background:rgba(239,68,68,.8);color:white}.gallery-like-button--liked:hover{background:rgba(239,68,68,.9)}.gallery-like-button--disabled{cursor:default;opacity:.7}.gallery-like-button--loading{opacity:.6;cursor:wait}.gallery-like-button__icon{transition:transform .2s ease}.gallery-like-button:hover .gallery-like-button__icon{transform:scale(1.1)}.gallery-like-button__count{font-weight:600}.gallery-comments{position:relative;height:100%}.gallery-comments__toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .45rem;border:none;background:rgba(0,0,0,.6);color:white;border-radius:16px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-comments__toggle:hover{background:rgba(0,0,0,.7);transform:translateY(-1px)}.gallery-comments__icon{transition:transform .2s ease}.gallery-comments__toggle:hover .gallery-comments__icon{transform:scale(1.1)}.gallery-comments__count{font-weight:600;display:inline-flex;align-items:center;min-width:12px}.gallery-comments__spinner{display:inline-block;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:gallery-comments-spin .6s linear infinite}@keyframes gallery-comments-spin{to{transform:rotate(1turn)}}.gallery-comments__toggle--disabled{cursor:default;pointer-events:none}.gallery-comments__toggle--disabled:hover{background:rgba(0,0,0,.6);transform:none}.gallery-comments__toggle--disabled:hover .gallery-comments__icon{transform:none}.gallery-comments__panel{position:absolute;top:100%;left:0;right:0;background:white;border-radius:12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.1);z-index:100;max-height:400px;overflow:hidden;margin-top:.5rem}.gallery-comments__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1);background:#f8fafc}.gallery-comments__header h4{margin:0;font-size:.9rem;font-weight:600;color:#374151}.gallery-comments__close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.gallery-comments__close:hover{background:rgba(0,0,0,.1)}.gallery-comments__form{padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.gallery-comments__input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;resize:vertical;font-family:inherit;font-size:.875rem;line-height:1.4}.gallery-comments__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.gallery-comments__form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.gallery-comments__char-count{font-size:.75rem;color:#6b7280}.gallery-comments__submit{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:white;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.gallery-comments__submit:hover:not(:disabled){background:#2563eb}.gallery-comments__submit:disabled{opacity:.6;cursor:not-allowed}.gallery-comments__list{max-height:calc(70vh - 70px);overflow-y:auto;padding:1rem}.gallery-comments__empty,.gallery-comments__loading{text-align:center;color:#6b7280;font-size:.875rem;padding:2rem}.gallery-comment{padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.gallery-comment:last-child{border-bottom:none}.gallery-comment__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.gallery-comment__author{font-weight:600;font-size:.875rem;color:#374151}.gallery-comment__date{font-size:.75rem;color:#6b7280}.gallery-comment__text{margin:0;font-size:.875rem;line-height:1.5;color:#374151}.gallery-comments__preview{margin-top:.5rem;cursor:pointer}.gallery-comment--preview{margin-bottom:.25rem;padding:0;border:none}.gallery-comment--preview .gallery-comment__text{font-size:.875rem;line-height:1.4}.gallery-comment--preview .gallery-comment__author{font-weight:600;color:#262626}.gallery-viewer--mobile .gallery-like-button{background:transparent;color:#374151;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.875rem;font-weight:500;gap:.5rem;padding:.4rem .6rem;border-radius:6px}.gallery-viewer--mobile .gallery-like-button:hover{background:#f3f4f6;transform:none}.gallery-viewer--mobile .gallery-like-button--liked{color:#dc2626;background:transparent}.gallery-viewer--mobile .gallery-like-button--liked:hover{background:#fef2f2}.gallery-viewer--mobile .gallery-comments__toggle{background:transparent;color:#374151;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.875rem;font-weight:500;gap:.5rem;padding:.4rem .6rem;border-radius:6px}.gallery-viewer--mobile .gallery-comments__toggle:hover{background:#f3f4f6;transform:none}@media (max-width:768px){.gallery-comments__panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh}}