.note-preview-attachments{padding:1.25rem 1.5rem;border-top:1px solid var(--line)}
.note-preview-attachments h4{font-size:1rem}
.attachment-view-control{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.8rem;margin:.8rem 0}
.attachment-view-control select{width:auto;max-width:100%}
.note-attachment-items{display:grid;gap:.5rem;margin-bottom:1rem}
.note-attachment-item{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:8px}
.note-attachment-info{display:flex;gap:.65rem;align-items:center}
.note-attachment-info>div{min-width:0;overflow-wrap:anywhere}
.note-attachment-info>i{color:var(--purple);font-size:1.4rem}
.note-attachment-info a{color:var(--ink);font-size:.85rem;text-decoration:none}
.note-attachment-info a:hover{text-decoration:underline}
.note-attachment-detail{display:block;color:var(--muted);font-size:.75rem}
.note-attachment-preview{display:none;margin-top:.8rem}
[data-attachment-view="list"] .note-attachment-detail{display:none}
[data-attachment-view="preview"] .note-attachment-preview{display:block}
[data-attachment-view="preview"] .note-attachment-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.note-attachment-preview img,.note-attachment-preview video{display:block;max-width:100%;max-height:360px;margin:.6rem auto 0;object-fit:contain}
.note-attachment-preview iframe{display:block;width:100%;height:420px;border:0;margin-top:.6rem}