.link-confirm-modal{position:fixed;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 0.2s ease}.link-confirm-modal.show{opacity:1}.link-confirm-card{background:var(--surface-color);border-radius:14px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px solid var(--border-color);opacity:0;transform:scale(0.95);animation:modalSlideIn 0.3s ease forwards}@keyframes modalSlideIn{to{opacity:1;transform:scale(1)}}.link-confirm-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.link-confirm-header i{font-size:24px;color:var(--accent-color)}.link-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.link-confirm-body{padding:20px}.link-confirm-warning{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:8px;color:var(--warning-color);font-size:14px;font-weight:500;margin-bottom:16px}.link-confirm-url{padding:12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;word-break:break-all}.link-confirm-url code{font-family:'Courier New',monospace;font-size:13px;color:var(--text-primary)}.link-confirm-disclaimer{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.link-confirm-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.message-link-preview{margin-top:10px;display:block;white-space:normal !important;width:auto !important;max-width:100% !important}.link-preview{border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;display:inline-block !important;max-width:320px !important;width:320px !important;white-space:normal !important;vertical-align:top;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative}.link-preview:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.link-preview::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));opacity:0;transition:opacity 0.3s ease}.link-preview:hover::before{opacity:1}.video-preview{display:flex !important;flex-direction:column !important;width:320px !important;max-width:320px !important;position:relative;overflow:hidden}.video-preview-thumbnail{position:relative;width:320px !important;height:180px !important;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);overflow:hidden;flex-shrink:0}.video-preview-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)}.video-preview:hover .video-preview-thumbnail img{transform:scale(1.05)}.video-preview-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);backdrop-filter:blur(2px);transition:all 0.3s ease}.video-preview:hover .video-preview-play{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.video-preview-play i{font-size:48px;color:#fff;opacity:0.95;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5));background:rgba(255,255,255,0.15);width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,0.8)}.video-preview:hover .video-preview-play i{opacity:1;transform:scale(1.15);background:rgba(255,255,255,0.25);border-color:#fff}.video-preview-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.2);display:flex;align-items:center;gap:4px;transition:all 0.3s ease}.video-preview:hover .video-preview-badge{transform:scale(1.05)}.video-preview-info{padding:12px;background:var(--surface-color);width:320px !important;max-width:320px !important;box-sizing:border-box;flex-shrink:0;border-top:1px solid var(--border-color);position:relative;overflow:hidden}.video-preview-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px}.video-preview-platform{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin:0;padding:4px 0;position:relative;z-index:1;width:100%;overflow:hidden}.video-preview-platform i{font-size:14px}.video-preview[data-type="youtube"] .video-preview-platform{color:#ff0000}.video-preview[data-type="youtube"] .video-preview-badge{background:rgba(255,0,0,0.9);color:#fff}.video-preview[data-type="rutube"] .video-preview-platform{color:#00a8e8}.video-preview[data-type="rutube"] .video-preview-badge{background:rgba(0,168,232,0.9);color:#fff}.video-preview[data-type="vk"] .video-preview-platform{color:#0077ff}.video-preview[data-type="vk"] .video-preview-badge{background:rgba(0,119,255,0.9);color:#fff}.video-preview[data-type="vimeo"] .video-preview-platform{color:#1ab7ea}.video-preview[data-type="vimeo"] .video-preview-badge{background:rgba(26,183,234,0.9);color:#fff}.video-preview[data-type="dailymotion"] .video-preview-platform{color:#0066dc}.video-preview[data-type="dailymotion"] .video-preview-badge{background:rgba(0,102,220,0.9);color:#fff}.video-preview[data-type="twitch"] .video-preview-platform{color:#9146ff}.video-preview[data-type="twitch"] .video-preview-badge{background:rgba(145,70,255,0.9);color:#fff}.video-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-muted);font-size:56px}@keyframes shimmer{0%{background-position:-320px 0}100%{background-position:320px 0}}.video-preview-thumbnail.loading{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:640px 100%;animation:shimmer 1.5s infinite}.video-player-container{margin-top:8px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color);max-width:640px !important;width:640px !important;display:block !important}.video-player-wrapper{position:relative;width:100%;height:360px;background:#000}.video-player-iframe{width:100%;height:100%;border:none;display:block}.video-player-controls{display:flex;gap:8px;padding:12px;background:var(--surface-color);border-top:1px solid var(--border-color)}.video-player-controls .btn-sec{flex:1}.video-player-close{background:var(--danger-color) !important;color:#fff !important;border-color:var(--danger-color) !important}.video-player-close:hover{filter:brightness(1.1)}.server-invite-preview{display:flex !important;flex-direction:column !important;width:320px !important;max-width:320px !important;position:relative;overflow:hidden}.server-invite-header{position:relative;width:320px !important;height:180px !important;background:linear-gradient(135deg,#a3ea30 0%,#8b5cf6 100%);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.server-invite-icon{width:96px;height:96px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.3);border:3px solid rgba(255,255,255,0.2)}.server-invite-preview:hover .server-invite-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 48px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.4)}.server-invite-icon img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.server-invite-preview:hover .server-invite-icon img{transform:scale(1.1)}.server-invite-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(88,101,242,0.3),rgba(114,137,218,0.3));text-shadow:0 2px 8px rgba(0,0,0,0.3)}.server-invite-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:rgba(88,101,242,0.9);color:#fff;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.2);display:flex;align-items:center;gap:4px;transition:all 0.3s ease}.server-invite-preview:hover .server-invite-badge{transform:scale(1.05)}.server-invite-info{padding:12px;background:var(--surface-color);width:320px !important;max-width:320px !important;box-sizing:border-box;flex-shrink:0;border-top:1px solid var(--border-color)}.server-invite-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px}.server-invite-channel{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);margin:0 0 8px 0;padding:4px 0}.server-invite-channel i{font-size:14px;color:#a3ea30}.server-invite-stats{display:flex;gap:12px;margin-top:4px}.server-invite-members,.server-invite-online{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.server-invite-members{color:var(--text-muted)}.server-invite-members i{color:#43b581;font-size:12px}.server-invite-online{color:var(--text-muted)}.server-invite-online i{color:#43b581;font-size:10px}.server-invite-join{flex-shrink:0;padding:10px 24px;white-space:nowrap;background:linear-gradient(135deg,#a3ea30,#8b5cf6);border:none;color:#fff;font-weight:600;border-radius:8px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(163,234,48,0.3);position:relative;overflow:hidden}.server-invite-join::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.3s ease}.server-invite-join:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(88,101,242,0.5)}.server-invite-join:hover::before{opacity:1}.server-invite-join:active{transform:translateY(0)}.watchparty-invite-preview{display:flex !important;flex-direction:column !important;width:320px !important;max-width:320px !important;position:relative;overflow:hidden}.watchparty-invite-header{position:relative;width:320px !important;height:180px !important;background:linear-gradient(135deg,#8b5cf6 0%,#a3ea30 100%);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.watchparty-invite-icon{width:96px;height:96px;border-radius:24px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.3);border:3px solid rgba(255,255,255,0.2)}.watchparty-invite-preview:hover .watchparty-invite-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 48px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.4)}.watchparty-invite-icon i{font-size:48px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3));transition:transform 0.3s ease}.watchparty-invite-preview:hover .watchparty-invite-icon i{transform:scale(1.1)}.watchparty-invite-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:rgba(139,92,246,0.9);color:#fff;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.2);display:flex;align-items:center;gap:4px;transition:all 0.3s ease}.watchparty-invite-preview:hover .watchparty-invite-badge{transform:scale(1.05)}.watchparty-invite-info{padding:12px;background:var(--surface-color);width:320px !important;max-width:320px !important;box-sizing:border-box;flex-shrink:0;border-top:1px solid var(--border-color)}.watchparty-invite-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:38px}.watchparty-invite-description{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);margin:0;padding:4px 0}.watchparty-invite-description i{font-size:14px;color:#8b5cf6}.watchparty-invite-stats{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap}.watchparty-invite-viewers{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--text-muted)}.watchparty-invite-viewers i{color:#8b5cf6;font-size:12px}.watchparty-invite-live{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);border-radius:4px;font-size:10px;font-weight:600;color:#ef4444;text-transform:uppercase;letter-spacing:0.5px}.watchparty-invite-live::before{content:'●';font-size:7px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.message-link{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s;word-break:break-all}.message-link:hover{border-bottom-color:var(--accent-color)}.link-preview{--glow-color:var(--accent-color)}.video-preview[data-type="youtube"]{--glow-color:#ff0000}.video-preview[data-type="rutube"]{--glow-color:#00a8e8}.video-preview[data-type="vk"]{--glow-color:#0077ff}.video-preview[data-type="vimeo"]{--glow-color:#1ab7ea}.video-preview[data-type="dailymotion"]{--glow-color:#0066dc}.video-preview[data-type="twitch"]{--glow-color:#9146ff}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.link-preview{animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1)}.link-preview{position:relative;overflow:hidden}.link-preview::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,0.3) 0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity 0.5s ease}.link-preview:active::after{opacity:1;transition:opacity 0s}.link-preview.loading{pointer-events:none;opacity:0.7}.link-preview.loading::before{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 0.8s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.server-invite-join,.watchparty-invite-join{cursor:pointer;user-select:none}.server-invite-join i,.watchparty-invite-join i{transition:transform 0.3s ease}.server-invite-join:hover i,.watchparty-invite-join:hover i{transform:translateX(3px)}.video-preview-title,.server-invite-name,.watchparty-invite-title{position:relative}.video-preview-title:hover::after,.server-invite-name:hover::after,.watchparty-invite-title:hover::after{content:attr(title);position:absolute;bottom:100%;left:0;padding:6px 10px;background:rgba(0,0,0,0.9);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;z-index:100;pointer-events:none;animation:tooltipFadeIn 0.2s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.server-invite-stats,.watchparty-invite-description{animation:slideInLeft 0.5s ease 0.2s both}@keyframes slideInLeft{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.server-invite-icon,.watchparty-invite-icon{will-change:transform}.video-preview-badge{animation:badgeFadeIn 0.5s ease 0.3s both}@keyframes badgeFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.link-confirm-card{width:95%;margin:10px}.message-link-preview{margin-top:8px;max-width:100%;overflow:hidden}.link-preview{max-width:240px !important;width:240px !important;border-radius:10px}.video-preview{max-width:240px !important;width:240px !important;position:relative !important;overflow:hidden !important}.video-preview-thumbnail{width:240px !important;height:135px !important}.video-preview-info{width:240px !important;max-width:240px !important;padding:8px;position:relative !important;overflow:hidden !important}.video-preview-title{font-size:12px;min-height:32px;-webkit-line-clamp:2}.video-preview-platform{font-size:10px;position:relative !important;width:100% !important;max-width:100% !important;overflow:hidden !important}.video-preview-play i{font-size:32px;width:52px;height:52px}.video-preview-badge{font-size:9px;padding:3px 6px;top:8px;right:8px}.video-player-container{max-width:100% !important;width:100% !important;border-radius:6px;margin-top:6px}.video-player-wrapper{height:auto !important;aspect-ratio:16 / 9}.video-player-controls{flex-direction:column;gap:6px;padding:8px}.video-player-controls .btn-sec{width:100%}.server-invite-preview,.watchparty-invite-preview{max-width:240px !important;width:240px !important}.server-invite-header,.watchparty-invite-header{width:240px !important;height:135px !important}.server-invite-icon,.watchparty-invite-icon{width:72px;height:72px;border-radius:18px;border-width:2px}.server-invite-icon-placeholder{font-size:36px}.watchparty-invite-icon i{font-size:36px}.server-invite-badge,.watchparty-invite-badge{font-size:9px;padding:3px 6px;top:8px;right:8px}.server-invite-info,.watchparty-invite-info{width:240px !important;max-width:240px !important;padding:8px}.server-invite-name,.watchparty-invite-title{font-size:12px;min-height:32px;-webkit-line-clamp:2}.server-invite-channel,.watchparty-invite-description{font-size:10px}.server-invite-stats,.watchparty-invite-stats{gap:8px;flex-wrap:wrap}.server-invite-members,.server-invite-online,.watchparty-invite-viewers{font-size:10px}.watchparty-invite-live{font-size:9px;padding:2px 5px}}@media (max-width:480px){.link-preview{max-width:220px !important;width:220px !important;border-radius:8px}.video-preview{max-width:220px !important;width:220px !important;position:relative !important;overflow:hidden !important}.video-preview-thumbnail{width:220px !important;height:124px !important}.video-preview-info{width:220px !important;max-width:220px !important;padding:6px;position:relative !important;overflow:hidden !important}.video-preview-title{font-size:11px;min-height:30px}.video-preview-play i{font-size:28px;width:48px;height:48px}.video-preview-badge{font-size:8px;padding:2px 5px;top:6px;right:6px}.server-invite-preview,.watchparty-invite-preview{max-width:220px !important;width:220px !important}.server-invite-header,.watchparty-invite-header{width:220px !important;height:124px !important}.server-invite-icon,.watchparty-invite-icon{width:64px;height:64px;border-radius:16px}.server-invite-icon-placeholder{font-size:32px}.watchparty-invite-icon i{font-size:32px}.server-invite-badge,.watchparty-invite-badge{font-size:8px;padding:2px 5px;top:6px;right:6px}.server-invite-info,.watchparty-invite-info{width:220px !important;max-width:220px !important;padding:6px}.server-invite-name,.watchparty-invite-title{font-size:11px;min-height:30px}.server-invite-channel,.watchparty-invite-description{font-size:9px}.server-invite-stats,.watchparty-invite-stats{flex-wrap:wrap;gap:6px}.server-invite-members,.server-invite-online,.watchparty-invite-viewers{font-size:9px}.watchparty-invite-live{font-size:8px;padding:2px 4px}}.link-confirm-modal{background:rgba(255,255,255,0.9)}.link-confirm-warning{background:rgba(245,158,11,0.15)}.video-preview-play{background:rgba(0,0,0,0.5)}.video-preview:hover .video-preview-play{background:rgba(0,0,0,0.7)}.watchparty-invite-preview{background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(139,92,246,0.08))}.server-invite-preview.expired{opacity:0.7;cursor:not-allowed;background:linear-gradient(135deg,rgba(239,68,68,0.1),rgba(239,68,68,0.05));border-color:rgba(239,68,68,0.3)}.server-invite-preview.expired:hover{transform:none;box-shadow:none}.server-invite-icon.expired{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(239,68,68,0.1));color:#ef4444}.server-invite-badge.expired{background:rgba(239,68,68,0.2);color:#ef4444}.server-invite-name.expired{color:#ef4444}.server-invite-expired-text{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted,#a3a3a3);margin-top:4px}.server-invite-expired-text i{color:#f59e0b}.watchparty-invite-preview.expired{opacity:0.7;cursor:not-allowed;background:linear-gradient(135deg,rgba(239,68,68,0.1),rgba(239,68,68,0.05));border-color:rgba(239,68,68,0.3)}.watchparty-invite-preview.expired:hover{transform:none;box-shadow:none}.watchparty-invite-icon.expired{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(239,68,68,0.1));color:#ef4444}.watchparty-invite-badge.expired{background:rgba(239,68,68,0.2);color:#ef4444}.watchparty-invite-title.expired{color:#ef4444}.watchparty-invite-expired-text{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted,#a3a3a3);margin-top:4px}.watchparty-invite-expired-text i{color:#f59e0b}.image-preview{display:inline-block !important;max-width:400px !important;width:auto !important;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background:var(--surface-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative}.image-preview:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.image-preview-container{position:relative;display:block;max-width:400px;max-height:300px;overflow:hidden;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.image-preview-img{display:block;max-width:100%;max-height:300px;width:auto;height:auto;object-fit:contain;transition:transform 0.3s ease}.image-preview:hover .image-preview-img{transform:scale(1.02)}.image-preview-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;background:rgba(139,92,246,0.9);color:#fff;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.3);display:flex;align-items:center;gap:4px;animation:badgeFadeIn 0.5s ease 0.3s both}.image-preview[data-type="gif"] .image-preview-badge,.image-preview[data-type="tenor"] .image-preview-badge,.image-preview[data-type="giphy"] .image-preview-badge{background:linear-gradient(135deg,#8b5cf6,#a3ea30)}@media (max-width:768px){.image-preview{max-width:280px !important}.image-preview-container{max-width:280px;max-height:200px}.image-preview-img{max-height:200px}.image-preview-badge{font-size:9px;padding:3px 6px}}@media (max-width:480px){.image-preview{max-width:220px !important}.image-preview-container{max-width:220px;max-height:160px}.image-preview-img{max-height:160px}.image-preview-badge{font-size:8px;padding:2px 5px}}