.media-preview{border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.media-preview--clickable{cursor:pointer}.media-preview--clickable:hover:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:#0000000d;position:absolute;inset:0}.media-preview__remove{z-index:10;color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.media-preview__remove:hover{background:#000c}.media-preview__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-preview__loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.media-preview__loading-shimmer{background:linear-gradient(90deg,#f8f9fa 25%,#f0f1f3 50%,#f8f9fa 75%) 0 0/200% 100%;border-radius:4px;animation:3s infinite shimmer}.media-preview__loading-text{color:#666;font-size:14px;font-weight:500}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.media-preview__error-state{color:#666;text-align:center;background:#f8f9fa;border:1px dashed #ddd;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.media-preview__error-state svg{opacity:.5}.media-preview__error-state span{color:#888;font-size:12px}.media-preview__image-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.media-preview__image{object-fit:cover;border-radius:4px;max-width:100%;max-height:100%}.media-preview__video-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.media-preview__video-thumbnail{object-fit:cover;border-radius:4px;max-width:100%;max-height:100%}.media-preview__video{border-radius:4px;max-width:100%;max-height:100%}.media-preview__video-icon{color:#666;background:#f8f9fa;border:1px solid #e9ecef;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-preview__provider-badge{-webkit-backdrop-filter:blur(8px);color:#333;text-transform:capitalize;white-space:nowrap;background:#ffffffe6;border:1px solid #fff3;border-radius:6px;width:auto;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;bottom:8px;left:8px}.media-preview__badge-title{color:#333;text-overflow:ellipsis;white-space:nowrap;opacity:0;max-width:200px;max-height:0;margin-bottom:2px;font-size:12px;font-weight:500;line-height:1.2;transition:all .2s;overflow:hidden}.media-preview__badge-domain{color:#666;text-transform:none;font-size:10px;font-weight:400;line-height:1}.media-preview__video-play-button{pointer-events:none;z-index:4;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-preview__video-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.media-preview__video-embed-container{aspect-ratio:16/9;border-radius:8px;width:100%;position:relative;overflow:hidden}.media-preview__video-iframe{border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.media-preview__video-shelf{-webkit-backdrop-filter:blur(8px);z-index:3;pointer-events:auto;background:#0006;border-top:1px solid #ffffff1a;padding:12px;transition:all .2s;position:absolute;bottom:0;left:0;right:0}.media-preview__video-title{color:#fff;opacity:0;white-space:nowrap;text-overflow:ellipsis;max-height:0;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.3;transition:all .2s;overflow:hidden}.media-preview__video-domain{color:#fffc;font-size:10px;font-weight:400;line-height:1}.media-preview--video:hover .media-preview__video-title{opacity:1;max-height:20px}.media-preview--video:hover .media-preview__video-shelf{background:#00000080;padding:16px 12px}.media-preview__audio-container{background:#f8f9fa;border:1px solid #e9ecef;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.media-preview__audio-icon{color:#666;flex-shrink:0}.media-preview__audio-info{flex:1;min-width:0}.media-preview__title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:500;overflow:hidden}.media-preview__subtitle{color:#666;font-size:12px}.media-preview__link-preview{background:#f8f9fa;border-radius:8px;width:100%;height:120px;position:relative;overflow:hidden}.media-preview__link-background{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex;position:relative}.media-preview__link-bg-image{display:none}.media-preview__link-icon-center{color:#666;-webkit-backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #fff3;border-radius:50%;padding:16px}.media-preview__link-overlay{-webkit-backdrop-filter:blur(8px);background:#000000b3;border-top:1px solid #ffffff1a;padding:8px 12px;transition:all .2s;position:absolute;bottom:0;left:0;right:0}.media-preview__link-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.media-preview__link-description{color:#fffc;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;opacity:0;-webkit-box-orient:vertical;max-height:0;margin-bottom:4px;font-size:12px;font-weight:400;line-height:1.4;transition:all .2s;display:-webkit-box;overflow:hidden}.media-preview__link-url{color:#fffc;font-size:10px;font-weight:400;line-height:1}.media-preview__link-domain{color:#666;font-size:10px;font-weight:400;line-height:1}.media-preview__link-preview:hover .media-preview__link-overlay{background:#000000d9;padding:12px}.media-preview__link-preview:hover .media-preview__link-description{opacity:1;max-height:60px;margin-bottom:4px}.media-preview--form{margin-top:12px}.media-preview--form.media-preview--image,.media-preview--form.media-preview--image .media-preview__image{max-width:350px;max-height:350px}.media-preview--form.media-preview--image .media-preview__loading-shimmer{width:100%;height:200px}.media-preview--form.media-preview--video{max-width:350px;max-height:300px}.media-preview--form.media-preview--video .media-preview__loading-shimmer{border:1px solid #e9ecef;border-radius:8px;width:100%;height:200px}.media-preview--form .media-preview__loading{border:1px solid #e9ecef;border-radius:8px;gap:0;position:relative}.media-preview--form .media-preview__loading-text{-webkit-backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #fff3;border-radius:4px;padding:4px 8px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.media-preview--form .media-preview__video-icon,.media-preview--form .media-preview__error-state{border:1px solid #e9ecef;border-radius:8px}.media-preview--form.media-preview--audio .media-preview__audio-container{border-radius:8px}.media-preview--form.media-preview--link{max-width:350px}.media-preview--note.media-preview--image,.media-preview--note.media-preview--image .media-preview__image{max-width:350px;max-height:350px}.media-preview--note.media-preview--video{max-width:350px;max-height:300px}.media-preview--note .media-preview__loading-shimmer,.media-preview--note .media-preview__loading,.media-preview--note .media-preview__error-state{border:1px solid #e9ecef;border-radius:8px}.media-preview--note:hover .media-preview__image{filter:brightness(90%)}.media-preview--note.media-preview--audio{background:0 0;border:none}.media-preview--note.media-preview--audio .media-preview__audio-player{width:100%}.media-preview--note.media-preview--link{background:#fafbfc;border:1px solid #e9ecef;border-radius:8px;max-width:350px;overflow:hidden}.media-preview--note.media-preview--link:hover:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:#0000000d;position:absolute;inset:0}.media-preview--note .media-preview__link-container{align-items:center;gap:12px;padding:12px;display:flex}.media-preview--note .media-preview__link-image{object-fit:cover;border-radius:4px;flex-shrink:0;width:60px;height:60px}.media-preview--note .media-preview__link-icon{color:#64748b;background:#f0f4f8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.media-preview--note .media-preview__link-info{flex:1;min-width:0}.media-preview--note .media-preview__link-info .media-preview__title{color:#1a202c;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.media-preview--note .media-preview__link-info .media-preview__subtitle{color:#64748b;text-transform:capitalize;font-size:12px}.media-preview__hover-content{color:#fff;text-align:center;word-break:break-word;opacity:0;background:#0009;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:10px;font-weight:400;line-height:1.3;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:hidden}.media-preview--grid:hover .media-preview__hover-content{opacity:1}.media-preview--grid{cursor:pointer;background:#fff;border-radius:8px;width:100%;height:100px;overflow:hidden}.media-preview--grid.media-preview--image{background:var(--background-secondary);border:none;height:100px}.media-preview--grid.media-preview--image .media-preview__image{object-fit:cover;width:100%;height:100%}.media-preview--grid.media-preview--video{height:100px}.media-preview--grid.media-preview--video .media-preview__video-thumbnail{object-fit:cover;width:100%;height:100%}.media-preview--grid.media-preview--audio{background:#fff;border:1px solid #e9ecef;height:100px}.media-preview--grid .media-preview__audio-container{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:12px}.media-preview--grid.media-preview--link{background:0 0;border:1px solid #e5e7eb;height:100px;box-shadow:0 1px 3px #0000000d}.media-preview--grid.media-preview--link:hover{background:#f3f4f6}.media-preview--grid .media-preview__link-container{background:0 0;border:none;flex-direction:column;height:100%;padding:0}.media-preview--grid .media-preview__link-image{object-fit:cover;border-radius:0;flex-shrink:0;width:100%;height:44px}.media-preview--grid .media-preview__link-icon{color:#9ca3af;background:0 0;border:none;border-radius:0;flex-shrink:0;width:100%;height:44px;padding:4px}.media-preview--grid .media-preview__link-info{-webkit-backdrop-filter:blur(8px);text-align:left;background:#ffffffe6;border-top:1px solid #fff3;flex-direction:column;flex:1;justify-content:flex-start;gap:1px;width:100%;padding:6px 8px;display:flex}.media-preview--grid .media-preview__link-info .media-preview__title{color:#374151;word-break:break-all;overflow-wrap:anywhere;white-space:normal;text-align:left;width:100%;margin-bottom:0;font-size:10px;font-weight:600;line-height:1.2}.media-preview--grid .media-preview__link-info .media-preview__subtitle{color:#6b7280;-webkit-line-clamp:1;text-align:left;-webkit-box-orient:vertical;width:100%;font-size:9px;font-weight:400;line-height:1.2;display:-webkit-box;overflow:hidden}.media-preview--grid .media-preview__loading-shimmer{width:100%;height:100%}.media-preview--grid .media-preview__loading{border:1px solid #e9ecef;border-radius:8px}.media-preview--document.media-preview--image .media-preview__image{width:100%;height:auto;max-height:none}@media (max-width:768px){.media-preview--form.media-preview--image{max-height:200px}.media-preview--note.media-preview--image{max-height:250px}.media-preview__remove{width:24px;height:24px;top:4px;right:4px}.media-preview--grid{aspect-ratio:1}.media-preview__hover-content{padding:6px 8px;font-size:9px}}@media (prefers-color-scheme:dark){.media-preview__error-state{color:#ccc;background:#2a2a2a;border-color:#444}.media-preview__audio-container,.media-preview__link-container{background:#2a2a2a;border-color:#444}.media-preview__link-icon{background:#333}.media-preview__loading-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#383838 50%,#2a2a2a 75%)}}
.note-preview-content{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;padding:12px}.note-preview-content .note-preview-author{align-items:center;gap:8px;margin-bottom:8px;display:flex}.note-preview-content .author-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.note-preview-content .author-info{flex:1;min-width:0}.note-preview-content .author-info-inline{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.note-preview-content .author-name{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.2}.note-preview-content .author-handle{color:#666;font-size:14px;line-height:1.2}.note-preview-content .note-date{color:#888;font-size:14px}.note-preview-content .note-preview-text{color:#333;word-wrap:break-word;margin-bottom:8px;font-size:14px;line-height:1.4}.note-preview-content .repost-badge{color:#666;align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.note-preview-content .repost-badge svg{color:#666}.note-preview-content .repost-badge-button{cursor:pointer;color:var(--text-color-secondary,#666);opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:32px;padding:8px 12px;font-size:12px;transition:opacity .2s;display:flex}.note-preview-content:hover .repost-badge-button{opacity:1}.note-preview-content .repost-badge-button:hover{color:#0284c7;background-color:#f0f9ff}.note-preview-content .repost-badge-button svg{color:inherit}.note-preview-content .note-preview-media{border-radius:8px;margin-top:8px;overflow:hidden}.note-preview-content .media-item{margin-bottom:8px}.note-preview-content .media-item:last-child{margin-bottom:0}.note-preview-content .media-item.image{justify-content:flex-start;display:flex}.note-preview-content .media-item.image img{object-fit:contain;border-radius:8px;max-width:100%;max-height:200px;display:block}.note-preview-content .media-item.audio .audio-placeholder,.note-preview-content .media-item.video .video-placeholder{color:#666;text-align:center;background:#f5f5f5;border-radius:8px;padding:12px;font-size:12px}.note-preview-content .media-item.video iframe{border-radius:8px;width:100%;height:150px}.note-preview-content .media-item.link{max-width:400px;margin:12px 0;box-shadow:none!important;background:0 0!important;border:none!important}.note-preview-content .media-item.note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.note-preview-loading,.note-preview-error,.note-preview-deleted{text-align:center;box-sizing:border-box;background:#f8f9fa;border-radius:10px;width:100%;margin:0;padding:24px 12px}.note-preview-loading .loading-placeholder{color:#666;font-size:14px}.note-preview-error .error-message{color:#d73027;font-size:14px}.note-preview-deleted .deleted-message{color:#888;font-size:14px}.note-preview-content.minimal-style{background:#fafafa;border-left:2px solid #f0f0f0;border-radius:8px;margin:4px 0;padding:8px 12px}.note-preview-content.minimal-style .note-preview-minimal-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;display:flex}.note-preview-content.minimal-style .note-date.minimal-date{color:#999;opacity:.8;font-size:11px;font-weight:400}.note-preview-content.minimal-style .note-preview-text{color:#555;margin-bottom:0;font-size:13px;line-height:1.3}.note-preview-content.minimal-style .note-preview-media{display:none}@media (max-width:480px){.note-preview-content{padding:10px}.note-preview-content.minimal-style{padding-left:12px}.note-preview-content .author-name,.note-preview-content .note-preview-text{font-size:13px}.note-preview-content .author-handle,.note-preview-content .note-date{font-size:11px}}