.preview-container{max-width:100%;}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-wrap:wrap;}.preview-header h1{font-size:1rem;font-weight:600;color:var(--text);margin:0;word-break:break-all;}.preview-actions{display:flex;gap:0.5rem;}.preview-info{display:flex;gap:1.5rem;font-size:0.8rem;color:var(--text-muted);margin-bottom:1.5rem;}.preview-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;overflow:hidden;}.preview-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto;}.preview-content video{width:100%;max-height:80vh;display:block;}.preview-content audio{width:100%;padding:2rem;}.preview-content iframe{width:100%;height:80vh;border:none;}.preview-content .text-preview{padding:1rem;margin:0;overflow-x:auto;font-size:0.85rem;line-height:1.6;color:var(--text);max-height:70vh;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;}.preview-content .no-preview{padding:4rem 2rem;text-align:center;color:var(--text-muted);}.preview-content .no-preview p{margin-bottom:1.5rem;}@media(max-width:600px){.preview-header{flex-direction:column;align-items:flex-start;}}