.file-card{border:1px solid var(--kb-hairline);border-radius:var(--kb-radius-sm);color:inherit;background:#f8fafc;align-items:center;gap:.75rem;max-width:360px;margin:.5rem 0;padding:.625rem .875rem;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.dark .file-card{border-color:var(--kb-hairline-strong);background:#0f172a}.file-card:hover,.file-card:focus-visible{border-color:var(--kb-accent);background:#eff6ff;outline:none}.dark .file-card:hover,.dark .file-card:focus-visible{border-color:var(--kb-accent);background:#2563eb26}.file-card-icon{color:#1d4ed8;border-radius:var(--kb-radius-sm);letter-spacing:.05em;background:#dbeafe;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:600;display:flex}.dark .file-card-icon{color:#bfdbfe;background:#2563eb40}.file-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.file-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}.file-card-size{color:#6b7280;font-size:.75rem}.dark .file-card-size{color:#9ca3af}.article-editor-canvas .file-card.ProseMirror-selectednode{outline:2px solid var(--kb-accent);outline-offset:2px}