.showcase-social-overlay{position:fixed;bottom:32px;left:32px;width:520px;max-width:calc(100vw - 64px);background:linear-gradient(135deg,rgba(20,20,25,.85),rgba(10,10,15,.9));-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);border:1px solid hsla(0,0%,100%,.15);border-radius:32px;z-index:1000;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.showcase-social-overlay:hover{box-shadow:0 16px 50px rgba(0,0,0,.5)}.showcase-social-overlay .overlay-header{height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:hsla(0,0%,100%,.05);position:relative}.showcase-social-overlay .overlay-header .drag-handle{width:40px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px}.showcase-social-overlay .overlay-header .overlay-toggle-icon{position:absolute;right:16px;font-size:12px;opacity:.5}.showcase-social-overlay .overlay-content{display:flex;flex-direction:column;max-height:80vh;padding:28px;gap:24px}.showcase-social-overlay .overlay-content .showcase-cover-preview{width:100%;aspect-ratio:21/9;min-height:120px;background:hsla(0,0%,100%,.03);border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.4);position:relative}.showcase-social-overlay .overlay-content .showcase-cover-preview img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.showcase-social-overlay .overlay-content .showcase-cover-preview:hover img{transform:scale(1.05)}.showcase-social-overlay .overlay-content .metadata-section .showcase-title{font-size:28px;font-weight:900;letter-spacing:-.02em;color:#fff;margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.3)}.showcase-social-overlay .overlay-content .metadata-section .title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.showcase-social-overlay .overlay-content .metadata-section .edit-btn{background:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.showcase-social-overlay .overlay-content .metadata-section .edit-btn svg{width:18px;height:18px}.showcase-social-overlay .overlay-content .metadata-section .edit-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.showcase-social-overlay .overlay-content .metadata-section .showcase-introduction{font-size:16px;color:hsla(0,0%,100%,.7);margin:8px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit{display:flex;flex-direction:column;gap:10px}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit input,.showcase-social-overlay .overlay-content .metadata-section .metadata-edit textarea{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;padding:8px 12px;font-family:inherit;font-size:14px;outline:none}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit input:focus,.showcase-social-overlay .overlay-content .metadata-section .metadata-edit textarea:focus{border-color:hsla(0,0%,100%,.3)}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit .edit-actions{display:flex;gap:8px}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit .edit-actions button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;border:none}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit .edit-actions .save-btn{background:#fff;color:#000}.showcase-social-overlay .overlay-content .metadata-section .metadata-edit .edit-actions .cancel-btn{background:hsla(0,0%,100%,.1);color:#fff}.showcase-social-overlay .overlay-content .social-actions{display:flex;gap:16px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.05)}.showcase-social-overlay .overlay-content .social-actions .comment-stat,.showcase-social-overlay .overlay-content .social-actions .like-btn{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.8)}.showcase-social-overlay .overlay-content .social-actions .like-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.showcase-social-overlay .overlay-content .social-actions .like-btn:active{transform:scale(1.2)}.showcase-social-overlay .overlay-content .social-actions .like-btn.active{color:#ff4757}.showcase-social-overlay .overlay-content .comments-section{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:8px}.showcase-social-overlay .overlay-content .comments-section::-webkit-scrollbar{width:4px}.showcase-social-overlay .overlay-content .comments-section::-webkit-scrollbar-track{background:transparent}.showcase-social-overlay .overlay-content .comments-section::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.showcase-social-overlay .overlay-content .showcase-comment-item{display:flex;flex-direction:column;gap:8px}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-meta{display:flex;flex-direction:column;line-height:1.2}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-author{font-size:14px;font-weight:700;color:#fff}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-date{font-size:11px;color:hsla(0,0%,100%,.35);margin-top:1px}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-body{font-size:15px;color:hsla(0,0%,100%,.95);line-height:1.25;padding-left:40px;margin-top:-2px;margin-bottom:2px}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-actions{padding-left:40px;margin-top:-4px}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-actions .comment-action-btn{background:transparent;border:none;color:hsla(0,0%,100%,.4);font-size:13px;font-weight:600;cursor:pointer;padding:0}.showcase-social-overlay .overlay-content .showcase-comment-item .comment-actions .comment-action-btn:hover{color:hsla(0,0%,100%,.7)}.showcase-social-overlay .overlay-content .comment-form{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.05)}.showcase-social-overlay .overlay-content .comment-form .reply-indicator{font-size:11px;color:hsla(0,0%,100%,.5);display:flex;align-items:center;gap:8px;padding:4px 8px;background:hsla(0,0%,100%,.05);border-radius:4px}.showcase-social-overlay .overlay-content .comment-form .reply-indicator button{background:transparent;border:none;color:#fff;cursor:pointer}.showcase-social-overlay .overlay-content .comment-form .input-wrapper{display:flex;gap:8px}.showcase-social-overlay .overlay-content .comment-form .input-wrapper input{flex:1 1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:8px 12px;color:#fff;font-size:14px;outline:none}.showcase-social-overlay .overlay-content .comment-form .input-wrapper input:focus{border-color:hsla(0,0%,100%,.3)}.showcase-social-overlay .overlay-content .comment-form .input-wrapper button{background:#fff;color:#000;border:none;border-radius:12px;padding:0 16px;font-weight:700;font-size:13px;cursor:pointer}.showcase-social-overlay .overlay-content .comment-form .input-wrapper button:disabled{opacity:.5;cursor:not-allowed}.showcase-social-overlay.theme-retro{background:rgba(26,10,46,.8);border:2px solid #f0f;border-radius:0;font-family:VT323,monospace;box-shadow:8px 8px 0 rgba(0,255,255,.3)}.showcase-social-overlay.theme-retro .overlay-header{background:#f0f;height:30px}.showcase-social-overlay.theme-retro .overlay-header .drag-handle{background:#fff;width:60px;height:2px}.showcase-social-overlay.theme-retro .showcase-title{font-family:Press Start\ 2P,cursive;font-size:12px;color:aqua;text-shadow:2px 2px 0 #f0f}.showcase-social-overlay.theme-retro .save-btn{background:aqua!important;color:#000!important}.showcase-social-overlay.theme-retro .comment-form input{border-radius:0;border:2px solid #f0f;background:#000}.showcase-social-overlay.theme-retro .comment-form button{border-radius:0;background:#f0f;color:#fff}.showcase-social-overlay.theme-retro:after{content:"";position:absolute;inset:0;background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.1) 0),linear-gradient(90deg,rgba(255,0,0,.05),rgba(0,255,0,.02),rgba(0,255,0,.05));background-size:100% 4px,3px 100%;pointer-events:none;z-index:10}.showcase-social-overlay.theme-dreamcore{background:rgba(30,30,30,.5);filter:sepia(.2) contrast(1.2) brightness(.8);border:1px dotted hsla(0,0%,100%,.2)}.showcase-social-overlay.theme-dreamcore .showcase-title{font-family:serif;font-style:italic}.showcase-social-overlay.theme-dreamcore .comment-avatar{filter:grayscale(1) blur(1px)}.showcase-social-overlay.theme-neo{border-radius:0;border:4px solid #000;background:#fff;box-shadow:8px 8px 0 #000}.showcase-social-overlay.theme-neo *{color:#000!important}.showcase-social-overlay.theme-neo .overlay-header{background:#ff0;border-bottom:4px solid #000}.showcase-social-overlay.theme-neo input,.showcase-social-overlay.theme-neo textarea{border:3px solid #000!important;border-radius:0!important;background:#fff!important}.showcase-social-overlay.theme-neo button{border:3px solid #000!important;border-radius:0!important;font-weight:900!important}.showcase-social-overlay.theme-neo .save-btn{background:lime!important}.showcase-social-overlay.theme-neo .comment-form button{background:#f0f!important;color:#fff!important}.showcase-social-overlay.theme-album{background:rgba(15,15,20,.7);-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border:1px solid hsla(0,0%,100%,.1);border-radius:24px}.showcase-social-overlay.theme-album .overlay-header{background:hsla(0,0%,100%,.03)}.showcase-social-overlay.theme-album .showcase-title{color:#fff}.showcase-social-overlay.theme-album .comment-form input{border-radius:20px;background:hsla(0,0%,100%,.05)}